/* BODY
----------------------------------------------- */
body{ background:#a4a5a7 url(/images/interface/bg.jpg) top left repeat-x;}
body,td,th { font-size: .8em; font-family: Arial, Verdana, Helvetica, sans-serif; }

/* DIVERS
----------------------------------------------- */	
* {	border: 0;	font-style: normal;	margin: 0;	padding: 0;	text-decoration: none;}
p {	margin-bottom: 12px;}

/* LIENS ET IMAGES
----------------------------------------------- */
a, a:link{text-decoration:underline; color:#66162D;}
a:visited{}
a:hover, a:active{text-decoration:underline; color:black;}
a:focus {  outline:none;}

/* TYPOGRAPHIE + TITRES
----------------------------------------------- */	
h1, h2, h3, h4, h5, h6{	font-weight:bold;	line-height:normal;	margin:10px 0; text-align:left;}
h1 {font-size: 1.6em;	padding: 0 0 8px 0; font-weight:bold; border-bottom: dotted 1px #333333; color:#333333; text-transform: uppercase }
h2 {font-size: 1.5em;	font-weight:normal; color:#66162d; font-style:italic; }
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
blockquote{color: #666666; margin:10px; float:right; width:250px; font-family: Georgia, tahoma, Arial, Helvetica, sans-serif;  background:transparent url(/images/interface/guillemets_haut.gif) 0 12px no-repeat; text-align:center; }
blockquote p{background:transparent url(/images/interface/guillemets_bas.gif) 100% 100% no-repeat; margin:10px 20px; font-style: italic; font-size:24px; font-style: italic;  }
blockquote .sign{background: url(/images/interface/pix_gris.gif) 50% center repeat-x;}
blockquote .sign span{margin:0 auto; background:white; font-size:12px; font-weight:bold;padding:0 5px;  }
em {font-style:italic;} 
#disent-on blockquote{width:630px; margin-bottom:30px; color:#2f2f2f; background:#efefef;}
#disent-on blockquote p{padding:0 30px; font-size:16px; }
#disent-on blockquote.row2{color:#65162c; }
blockquote.interview_title{background:none; display:inline; color:black; float:none; font-family:Georgia,tahoma,Arial,Helvetica,sans-serif; margin:10px; text-align:left; width:620px; }
blockquote.interview_title p{background:none; margin:0; font-style: italic; font-size:18px; font-style: italic; padding:0; }
blockquote.interview{background:none; display:inline; color:#666666; float:none; font-family:Georgia,tahoma,Arial,Helvetica,sans-serif; margin:10px; text-align:left; width:620px; }
blockquote.interview p{background:none; margin:0; font-style: italic; font-size:16px; font-style: italic; padding:0; }

/* INITIALISATION
----------------------------------------------- */	
.clear {  border:0 none;  clear:both;  height:0;  line-height:0;  margin:0;  padding:0;  visibility:hidden;}
img {	border:0;	vertical-align: bottom;}
hr.filet{border-bottom:1px black dotted; line-height:1px; height: 1px; width:180px; margin:0 auto; text-align:center;}

/* STRUCTURE
--------------------------------------- */
#page{width:930px; margin:0 auto; background:transparent url(/images/interface/bg-page.gif) top center repeat-y; padding:10px;}
#conteneur{width:722px; float:left;}
#contenu{padding:35px; text-align:justify;}
#middle-col{float:right; width:250px; }
#middle-col ul{margin:0; }
#left-col{float:left; width:350px; }
#right-col{width:196px; float:right;}
#right-col #evenements{background:transparent url(/images/interface/evenements-bg.jpg) bottom center no-repeat; padding-bottom:20px; }
#right-col #evenements h2{background:transparent url(/images/interface/evenement-top.gif) top center no-repeat; line-height:35px; margin:0; text-indent:-9999px }
#right-col #evenements ul{list-style:none; padding:10px;}
#right-col #evenements ul li{font-size:11px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #c5c5c5; color:#66162d; }
#right-col #evenements ul li a, #right-col #evenements ul li a:link, #right-col #evenements ul li a:visited{color:#66162d; text-decoration:none; }
#right-col #evenements ul li a:hover{text-decoration:underline; }
#right-col #evenements strong{margin-right:5px; }
#right-col .charte_encart{text-decoration:none; position:relative; background:transparent url(/images/contenu/charte-bonne-conduite.jpg) bottom center no-repeat; display:block; width:196px; height:144px; padding:0;}
#right-col .charte_encart span{display:block; color:#68162d; display:block; font-size:1.4em; line-height:16px; position:absolute; right:15px; text-align:center; top:53px;}
.breadcrumb{color:black; margin-bottom:20px;}
.breadcrumb span{font-weight:bold; }
.breadcrumb a{color:#666666; font-weight:normal;}
.breadcrumb a:hover{color:black;}
.texte .sanctions {text-align:left; font-size:11px;}
.texte .sanctions li{border-top: 1px dotted #c4c4c4;  width:130px; float:left; background:none; padding:10px; border-right: 1px dotted #c4c4c4; text-align:center; font-weight:bold;}
.texte .sanctions li ul{margin:10px 0 0 0; text-align:left;  font-weight:normal;}
.texte .sanctions li ul li{text-align:left; font-weight:normal; border:none; padding:0;}
.texte .encart{margin-left:15px; background: #ffc74d url(/images/interface/encart-bg.jpg) top center no-repeat; float:right; padding:10px 10px 0 10px; width:176px; text-align:left; color:#66162d; }
.texte .encart a {color:#66162d; text-decoration:none;}
.texte .encart a:hover {text-decoration:underline;}
.texte .encart ul {margin:10px 10px 0 10px;}
.texte .encart ul li{padding:0 0 10px 20px;}
.texte .encart p{font-size:.8em;}
.texte .encart p strong{font-weight:bold; font-size:1em; color:black;}
.texte .encart .encart-footer{background: #ffc74d url(/images/interface/encart-footer.gif) bottom center no-repeat; height:9px; margin:0 -10px;}

/* FORMULAIRES
----------------------------------------------- */
input, select, textarea  { background:#FFFFFF url(/images/interface/form.gif) no-repeat scroll left top; border:1px solid #66162d; width:auto;}
.row {clear:both; padding:10px 0 5px 0; width:auto;}
.row label {float:left; width:95px; text-align:left; font-size:.9em; font-weight:bold;}
input.sansbordures{border:none; background:none;}
.charte_form{background:#e4e4e4; padding:10px; text-align:left;}
.charte_form .valid{margin:0 0 0 230px; background:#66162d; color:white; border:1px white solid; padding:2px; text-align:center; width:70px; clear:both;  }
.charte_form_ami .valid{margin:0 0 0 210px; background:#66162d; color:white; border:1px white solid; padding:2px; text-align:center; width:70px; clear:both;  }
.charte_form p, .charte_form_ami p {font-size:0.9em; clear:both; }
.charte_form_ami{background:none; float:left;}
.charte_form_ami .row label {float:left; width:140px; text-align:left; font-size:.9em; font-weight:bold;}
.obligatory {color:#66162D; font-size:1em;}
select{border:1px solid #66162d; }
label { float: left; width: 15ex; }
#contact { background-color:#ffc74d; margin-bottom:10px; padding:10px; width:600px; }
.messErreur { background-color:#fff; color:#c00; font-weight:bold; font-size:12px; }


/* LISTES
----------------------------------------------- */
.texte ul{margin:5px 0 10px 30px; list-style:none; color:#333333; }
.texte ul li{padding:0 0 5px 20px; background: url(/images/interface/puce-li.gif) 0 3px no-repeat; }
.texte ul li ul{margin:5px 0 5px 30px; background:none;}
.texte ul li ul li{font-size:11px; padding:0 0 2px 20px; background: url(/images/interface/puce-li.gif) 0 3px no-repeat;}
.texte .pager{height:20px;}
.texte .pager li{background:none; padding:0 7px 0 0; margin-right:7px; border-right:1px #cdcdcd solid; float:left;}

/* TABLEAU
----------------------------------------------- */
table{	border-collapse:collapse;	border-spacing:0;	font-size:1em;	margin:auto;	width:100%;}
table caption{display:none;	}
th{	border-bottom:1px solid #601b2d; color:white;	font-weight:bold; padding:5px 2px;	text-align:left; background:#601b2d;}
td{	border-bottom:1px solid #601b2d; padding:4px 2px;}
table .nom{font-weight:bold;}

/* HOME
----------------------------------------------- */	
#accueil-on .col-centre {width:260px; float:right; }
#accueil-on .texte {width:350px;}

/* FOOTER
--------------------------------------- */
#footer{padding:25px 0 10px 0; width:auto; background:#0b0b0b url(/images/interface/footer_bg.jpg) top center no-repeat; min-height:158px; color:white; text-align:center;}
#footer a, #footer a:link, #footer a:visited {color:white;}
#footer a:hover span{text-decoration:underline;}
#footer ul {margin:15px; list-style:none; height:100px;}
#footer ul li{float:left; border-right:1px white dotted; padding:10px 30px; height:70px;}
#footer ul li span{display:block;}

/* NAVIGATION
----------------------------------------------- */	
#banner{height:251px; background:transparent url(/images/interface/banner.jpg) no-repeat scroll 276px 100%; position:relative;}
#banner h1{margin:0; padding:0; position:relative; border:none;}
#wrapper{background:white url(/images/interface/bg_contenu.jpg) top left no-repeat; }
#navigation{position:absolute; top:171px; right:26px; width:628px; height:51px;}
#navigation li { margin: 0; padding: 0; display: inline; list-style-type: none;}
#navigation a { float: left; display: block; text-decoration: none; text-indent: -9999px; height: 31px; overflow: hidden;}
#navigation a#accueil { background: url(/images/interface/navigation.jpg) top left no-repeat; width: 88px; height:51px;}
#navigation a:hover#accueil, body#accueil-on a#accueil { background: url(/images/interface/navigation.jpg) bottom left no-repeat; width: 88px;height:51px;}
#navigation a#historique { background: url(/images/interface/navigation.jpg) -88px 0 no-repeat; width: 110px; height:51px;}
#navigation a:hover#historique, body#historique-on a#historique { background: url(/images/interface/navigation.jpg) -88px -51px no-repeat; width: 110px;height:51px;}
#navigation a#sanctions { background: url(/images/interface/navigation.jpg) -198px 0 no-repeat; width: 142px; height:51px;}
#navigation a:hover#sanctions, body#sanctions-on a#sanctions { background: url(/images/interface/navigation.jpg) -198px -51px no-repeat; width: 142px;height:51px;}
#navigation a#disent { background: url(/images/interface/navigation.jpg) -340px 0 no-repeat; width: 186px; height:51px;}
#navigation a:hover#disent, body#disent-on a#disent { background: url(/images/interface/navigation.jpg) -340px -51px no-repeat; width: 186px;height:51px;}
#navigation a#lutte { background: url(/images/interface/navigation.jpg) right top no-repeat; width: 102px; height:51px;}
#navigation a:hover#lutte, body#lutte-on a#lutte { background: url(/images/interface/navigation.jpg) right bottom no-repeat; width: 102px;height:51px;}

/* MISES EN PAGE
----------------------------------------------- */
.align-droite{float:right; margin:10px 0 10px 10px;}
.align-gauche{float:left; margin:10px 10px 10px 0;}
.borduregrise{border:5px solid #999999;}
.non{color:#66162D; font-weight:bold; font-style:italic; font-size:1.5em;}
.charte{width:622px; margin-bottom:16px; padding-left:40px; height:44px;}
.uneligne{padding-top:13px;}
.deuxligne{padding-top:5px;}
.charte1{background: url(/images/contenu/charte-1.jpg) top left no-repeat; }
.charte2{background: url(/images/contenu/charte-2.jpg) top left no-repeat; }
.charte3{background: url(/images/contenu/charte-3.jpg) top left no-repeat; }
.charte4{background: url(/images/contenu/charte-4.jpg) top left no-repeat; }
.charte5{background: url(/images/contenu/charte-5.jpg) top left no-repeat; }
.charte span{display:block; font-family: Georgia, tahoma, Arial, Helvetica, sans-serif; color:#66162d;  font-weight:bold; font-style:italic;  }
.signataires{margin-top:15px; text-align:center;}
.details{ padding:5px 0; border-bottom:1px black dashed; font-style:italic; font-size:.9em;}
.RP{height:190px; width:130px; border:1px #666666 dotted; padding:6px; font-size:11px; text-align:center; float:left; margin:0 15px 10px 0; }
.RP a{display:block; }
.RP strong{margin-bottom:5px; display:block;}
.RP span{display:block;}
.RP img{border:1px #a2a2a2 solid; margin-bottom:5px;}
.youtube{margin-bottom:20px;}
#importation{clear:both; font-size:0.8em; padding:10px 70px 30px 10px; background:#DADADA url(/images/interface/ampoule.gif) no-repeat scroll 600px 50%;}
#importation h3{background:#DADADA none repeat scroll 0 0; clear:both; font-size:1.1em; font-weight:bold; margin:0; padding:0 0 7px;}
#importation input.ok {background:#66162D none repeat scroll 0 0; border:1px solid white; color:white; text-align:center;}
#importation select { background:#FFFFFF url(/images/interface/form.gif) no-repeat scroll left top; border:1px solid #66162d; width:auto;}