html {
height:100%;
}
body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
background-color:#e0e6e4;
height:100%;
}
* {
padding:0px;
margin:0px;
}
#haut {
margin-left:150px;
}
#coin_gauche {
position:absolute;
background-image:url(images/fond.jpg);
height:730px;
width:576px;
background-repeat:no-repeat;
left:0;
top:0;
}
#coin_droit {
position:absolute;
background-image:url(images/fond.jpg);
height:730px;
width:576px;
background-repeat:no-repeat;
right:0;
top:0;
}
#conteneur {
position:relative;
width: 902px;
margin-right:auto;
margin-left:auto;
}
#header1 {
background-image:url(images/design_02.jpg);
width:902px;
height:138px;
}
#header2 {
background-image:url(images/design_04.gif);
width:902px;
height:41px;
}
#header3 {
background-image:url(images/design_05.jpg);
width:902px;
height:124px;
}
#fond {
float:left;
background-image:url(images/design_07.gif);
width:902px;
background-repeat:repeat-y;
}
#menu {
float:left;
width:150px;
margin-right:30px;
}
#menu ul {
list-style:none;
padding-left:10px;
padding-top:10px;
color:#FFFFFF;
font-weight:bold;
margin-bottom:50px;
}
#menu li {
margin-bottom:20px;
padding-left:22px;
background-image:url(images/puce.gif);
background-position:0 0;
background-repeat:no-repeat;
}
#menu li.sub {
margin-bottom:10px;
padding-left:22px;
background-image:url(images/puce.gif);
background-position:0 0;
background-repeat:no-repeat;
font-size:0.9em;
}
#menu li.niv2 {
font-size:0.9em;
margin-bottom:10px;
padding-left:32px;
background-image:none;
}

#menu li a {
text-decoration:none;
color:#FFFFFF;
}
#menu li a:hover {
color:#76769d;
}
#menu li.menu_noir a {
text-decoration:none;
color:#000000;
}
#menu li.menu_noir a:hover {
color:#76769d;
}
#liens {
text-align:center;
}
#page {
float:left;
width:700px;
padding-top:10px;
padding-bottom:30px;
}
#footer {
float:left;
background-image:url(images/design_09.gif);
background-repeat:no-repeat;
width:902px;
padding-top:5px;
padding-bottom:30px;
text-align:center;
font-size:0.8em;
}
.Style1 {font-size:2em;}
h1#accueil {
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-align:center;
}
p.accueil {
font-size:1.1em;
margin-bottom:10px;
text-align:center;
}
p.accueil2 {
font-size:1em;
margin-bottom:10px;
text-align:center;
}
#manequin {
float:left;
background-image:url(images/manequin.jpg);
width:204px;
height:400px;
margin-right:50px;
}
#news {
float:left;
width:400px;
height:300px;
background-color:#dfdff8;
border:2px solid #76769d;
line-height:1.3em;
padding:10px;
overflow:auto;
}
h2#accueil {
margin-top:30px;
padding-left:140px;
font-size:1.2em;
color:#76769d;
float:left;
text-align:center;
}
h1 {
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
text-align:center;
margin-bottom:20px;
}
h2 {
font-size:1.4em;
color:#76769d;
}
h2.liens {
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
text-align:center;
margin-bottom:20px;
width:690px;
float:left;
margin-top:50px;
}
h3 {
font-size:1em;
font-weight:bold;
color:#000000;
}
h3.rouge {
font-size:1em;
font-weight:bold;
color:#cc0000;
}
h4 {
font-size:0.9em;
font-weight:bold;
color:#000000;
}
p {
line-height:1.3em;
margin-bottom:15px;
text-align:justify;
}
ul.liste {
list-style:none;
}
ul.liste li {
background-image:url(images/puce_tiret.gif);
background-repeat:no-repeat;
background-position:0 15px;
padding-left:15px;
}
.encart {
width:650px;
height:30px;
line-height:30px;
text-align:center;
margin-left:25px;
background-color:#9999cc;
border:1px solid black;
color:#FFFFFF;
font-size:1em;
}
.encart2 {
width:650px;
text-align:left;
margin-left:25px;
background-color:#9999cc;
border:1px solid black;
color:#FFFFFF;
font-size:1em;
}
ol {
margin-left:30px;
}
.parties_rouge {
display:inline;
font-size:1.1em;
font-weight:bold;
color:#cc0000;
}
ul.tirets {
list-style:none;
}
ul.tirets li{
line-height:20px;
background-image:url(images/puce_tiret.gif);
background-repeat:no-repeat;
background-position:0 9px;
padding-left:15px;
}
img {
border:2px solid #9999cc;
margin-left:2px;
}
img.decouverte {
margin-left:100px;
margin-bottom:40px;
}
img#mail {
border:0;
}
img#mail_bas {
border:0;
padding-top:3px;
height:10px;
}
.img_discipline {
text-align:center;
margin-bottom:40px;
}
.img_discipline img {
margin:0;
}
.entete_nw {
border-bottom:2px solid white;
height:20px;
margin-bottom:5px;
}
.titre_nw {
float:left;
color:#cc0000;
font-size:1em;
font-weight:bold;
}
.date_nw {
float:right;
color:#cc0000;
}
.news {
margin-bottom:20px;
font-family:Geneva, Arial, Helvetica, sans-serif;
line-height:1.1em;
}
.red {
color:#FF0000;
}

#tab_calendrier{
border:1px solid black;
border-collapse:collapse;
}
#tab_calendrier td {
border:1px solid black;
}
#tab_dossier {
width:600px;
margin-left:100px;
border-collapse:collapse;
}
#tab_dossier #titre{
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
margin-left:170px;
margin-bottom:20px;
}
#tab_dossier input {
width:200px;
}
#tab_dossier textarea {
width:500px;
height:100px;
}
#tab_dossier input#submit{
width:80px;
margin-left:210px;
}
/**/
#tab_contact {
float:left;
width:350px;
margin-left:0px;
border-collapse:collapse;
}
#tab_contact #titre{
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
margin-left:0px;
margin-bottom:20px;
}
#tab_contact input {
width:150px;
}
#tab_contact textarea {
width:330px;
height:70px;
}
#tab_contact  input#submit{
width:80px;
margin-left:0px;
}
/**/
#infos_contact {
padding-top:30px;
text-align:center;
width:260px;
height:300px;
}
fieldset#infos {
width:260px;
float:left;
height:350px;
}
fieldset#contact {
width:350px;
height:350px;
padding-left:20px;
}
#espace {
width:55px;
float:left;
height:200px;
}
#obligatoire {
text-align:center;
font-size:0.8em;
}
#erreur {
width:410px;
margin-left:150px;
margin-bottom:10px;
padding-top:7px;
height:23px;
text-align:center;
background-color:#fcffa7;
border:1px solid #ff6767;
}
#mail_ok {
width:410px;
margin-left:150px;
margin-bottom:10px;
padding-top:7px;
height:23px;
text-align:center;
background-color:#fcffa7;
border:1px solid #6767ff;
}
#lien_dossier a {
display:block;
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
text-align:center;
margin-bottom:50px;
}
#lien_dossier a:hover {
display:block;
color:#cc0000;
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
text-align:center;
margin-bottom:50px;
}
#lien_schema a {
display:block;
color:#cc0000;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
text-align:center;
margin-bottom:50px;
}
#lien_schema a:hover {
display:block;
color:#cc0000;
font-size:1.1em;
font-weight:bold;
text-decoration:underline;
text-align:center;
margin-bottom:50px;
}
#no_border {
border:0;
}
#direction {
float:right;
padding:0 0 10px 10px;
}
.partenaires {
width:600px;
padding-left:30px;
margin-bottom:20px;
float:left;
}
.logo {
width:200px;
height:80px;
float:left;
text-align:center;
line-height:80px;
vertical-align:middle;
}
.logo img {
border:0px;
}
.text {
width:400px;
float:left;
text-align:left;
}
#photo {
width:700px;
height:525px;
float:left;
text-align:center;
}
#galerie {
width:700px;
float:left;
margin:50px 0 0 0;
}
#galerie img {
border:0;
cursor:pointer;
margin:0;
padding:0;
}
#galerie .pic {
float:left;
margin-right:8px;
margin-bottom:5px;
width:130px;
height:98px;
text-align:center;
border:1px solid #9999cc;
background-color:#e4e4ff;
}
/* liScroll styles */
.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;*/
/*background: #fff; */
width: 630px; 
height: 34px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 150px;
top: 15px;
width: 610px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 642px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color:#FFFFFF;
color:#8C0003;
color:#DD0005;
font-size:1.2em;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
/* fin liScroll styles */


#tab_date_decouvre {
margin:20px 0 0 50px;
border:1px solid black;
font-size:1em;
/*color:#76769D;*/
}
#tab_date_decouvre td {
border:1px solid black;
border-collapse:collapse;
padding:10px 0 10px 0;
}
#tab_date_decouvre tr {
border:1px solid black;
border-collapse:collapse;
}
#titre_tab_date_decouvre {
font-weight:bold;
font-size:1.2em;
}
.bold {
font-weight:bold;
}