@charset "utf-8";
* {
margin : 0;
padding : 0;
}
body {
margin : 5px 0;
padding : 0;
font-weight : normal;
font-size:73%;
font-family : verdana, arial, 'bitstream vera sans', helvetica, sans-serif;
color : #000;
background : #828282;
}

ul {
list-style : none;
line-height : 1.2em;
padding: 0;
margin-left: 1em;
}
ul.square {
list-style-type : square;
list-style-position : inside;
line-height : 1.6em;
}
ul.puce {
list-style-image : url(library/pucebleue.gif);
line-height : 1.2em;
list-style-position : inside;
}
ul.vert { list-style-image: url(library/vert.gif);
 }
ul.vert li { margin: 0.5em 0 0.5em 1em;}

ul.blue { padding: 4px 3px 4px 10px; list-style: none; }
ul.blue li { margin-top: 5px; background: url(library/bluelist.gif) left 3px no-repeat; padding-left: 18px; }

ol
 { margin: 0 0 0.5em 1.5em;}
 
ul.space {
list-style-type : none;
list-style-position : inside;
line-height : 1.6em;
}
.horz, .horz li {
margin : 0;
padding : 0;
list-style-type : none;
}
.horz {
margin : 5px 0;
}
.horz li {
display : inline;
padding-right : 5px;
line-height : 2em;
}
.horz li a {
color : #000;
text-decoration : none;
border-bottom : 1px solid #996633;
padding-bottom:4px;
}
.horz li a:hover {
color : #000;
background-color : #ffcc33;
}
.liste {
	margin-left:15px;
	font-size:12px;
	padding-left: 25px;
	background:url(library/fleche_liste.gif) no-repeat;
	line-height : 1.4em;
}

hr {
margin : 10px;
width : 90%;
}
hr.separation {
color : #ae8841;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
width : 50%;
background-color : #f8f7ef;
text-align : left;
height : 1px;
margin : 10px;
}

p {
line-height : 1.4em;
margin : 5px 0;
}

a {
color : #0066ff;
background-color : transparent;
text-decoration : none;
font-weight : normal;
}

a:hover {
color : #000;
background-color : #ffcc33;
border-bottom : 1px solid #666666;
}

a[hreflang="bg"]:after {
content: " (" attr(hreflang) ") "; 
 }
 a[hreflang="en"]:after {
content: " (" attr(hreflang) ") "; 
 }
a.lienExterne:before {
	content:url(library/externe.gif);
	padding: 0 5px 0 0;
	}	
.lire {
	background-image: url(library/bluelist.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 18px;
	display:inline;
}	
h1, h2, h3, h4, h5 {
font-weight : normal;
}
h1 {
padding-bottom : 0.2em;
color :#996633;
font-variant : normal;
font-family : Helvetica,Arial,sans-serif;
font-size: 2.2em;
}
h2 {
padding : 4px 0 5px 0;
font-size: 1.8em;
font-family : verdana, arial, helvetica, sans-serif;
color: #202020;
letter-spacing: 0.3px;
}
h3 {
padding : 4px 0 5px 0;
font-size: 1.6em;
font-family : arial;
color : #649300;
}
h4 {
padding: 4px 0 4px 0;
font-size: 150%;
font-family : Lucida Grande, Arial, Helvetica, sans-serif;
color: #996633;
}
h5 {
font-size: 110%;
font-family: verdana, arial, helvetica, sans-serif;
padding: 2px 0 2px 0;
}
.titre {
padding : 4px 0 5px 0;
font-size: 1.6em;
font-family : arial, helvetica, sans-serif;
color: #202020;
}
.soustitre {
color: #584900;
font-size: 1.1em;
font-weight: bold;
padding: 10px 0 2px 0;
}
.titregris {
color: #999999;
font-size: 125%;
font-family: verdana, arial, helvetica, sans-serif;
letter-spacing: 10px;
padding: 10px 0 2px 0;
}
.promo {
	color: #cc0033;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 2px 0 2px 0;
	}
.box {
    margin: 10px 4%;
    padding: 0 10px;
    border:2px solid #e5eecc;
	   }

.box p {
    margin: 0.7em;
    line-height: 1.7;
}
			
blockquote {
width: 80%;
font-style:italic;
background: #eeeeee;
background-image: url(images/quote.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 5px 5px 5px 20px;
margin: 10px;
text-align: justify;
}
code {
width : 90%;
display : block;
margin : 10px;
padding : 5px;
background : #ededed;
font-family : courier;
font-size : 1em;
}
dl.interview dt {
font-weight : bold;
}
dl.interview dd p {
margin : 0 0 0.5em 0;
padding : 0.5em 0.5em;
}
.sigle {
cursor : help;
border-bottom : 1px dotted #ce6500;
}

.tableorange {
border-collapse : collapse;
margin : auto;
}
.tableorange th {
background-color : #ffcc33;
}
.tableorange td, .tableorange th {
border : thin solid #999999;
padding : 4px;
vertical-align : top;
border-collapse : collapse;
}
.tableorange caption {
margin : auto;
font-size : 1.2em;
font-variant : small-caps;
}
.tablegris {
border-collapse : collapse;
margin : auto;
}
.tablegris th {
background-color : #fbf2c2;
}
.tablegris td, .tablegris th {
border : thin solid #cccccc;
padding : 4px;
vertical-align : top;
border-collapse : collapse;
}
.tablegris caption {
margin : auto;
font-size : 1.2em;
font-variant : small-caps;
}
.tablemarron {
border: medium solid #8D7654;
border-collapse: collapse;
}
.tablemarron  th {
border: thin solid #8D7654;
padding: 5px;
}

.tablemarron td {
border: thin solid #8D7654;
padding: 5px;
}
caption {
font-family: sans-serif;
}

.tableplan {
border-collapse : collapse;
margin : auto;
}
.tableplan th{ background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;}

.tableplan tr {
background-color: #a5da99;
	padding: 5px;
}
.tableplan td {
width:150px;
	margin:0 2px;
	vertical-align: top;
}
.tableplan caption {
margin : auto;
font-size : 1.2em;
font-variant : small-caps;
}
ul.tableplan{
	list-style-type: disc;
	list-style-position: inside;
}

ul.tableplan li{
	padding: 5px 5px 5px 5px;
}
#conteneur {
position : relative;
margin : 0 auto;
width : 800px;
background : white;
}
#headertop {
position : relative;
width : 800px;
height : 80px;
margin-top : 0;
background : #ff9900 url(design/fondtop.gif) no-repeat top left;
}

#headerbottom {
position : absolute;
width : 100%;
height : 93px;
top : 80px;
background : #fff url(design/fondbottom.gif) no-repeat top left;
}
#menurapide {
float : right;
margin-top : 25px;
margin-right: 40px;
}
#corps {
position : absolute;
width : 100%;
top : 130px;
background : white;
}
#position {
width : auto;
border-top : 1px solid #eeeeee;
border-bottom : 1px solid #eeeeee;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.8em;
padding : 2px;
}
#centre {
margin : 0 160px 10px 160px;
padding : 1em 2em;
}
#centre2 {
margin : 0 0 10px 160px;
padding : 1em 2em;
}
#gauche {
float : left;
width : 160px;
padding : 0 0 0 0.5em;
}
#coldroite {
float : right;
width : 160px;
margin-bottom : 10px;
}
#centre3 {
margin : 0;
padding : 1em 2em;
}
#pied {
width : 100%;
clear : both;
padding : 6px 0 6px 0;
text-align : center;
color : #000;
background : #ff9900;
border-top : 1px solid #666666;
}
#headertop h1 {
margin : 10px 0 0 400px;
padding : 0;
font-weight : normal;
font-size : 1.8em;
color : white;
font-variant : normal;
background-color : #ff9900;
}
#headertop h2 {
margin : 0 0 0 120px;
color : #000;
font-variant : normal;
font-size : 1.2em;
}
#headerbottom img {
float : left;
}
#headertop form {
position : absolute;
bottom : 1px;
right : 8px;
}
input.formTop{padding:1px;}

#menurapide ul {
list-style : none;
}
#menurapide li {
float : left;
}
#menurapide a {
padding : 4px 6px;
color : #000;
font-size : 1.1em;
font-variant : small-caps;
text-decoration : none;
}
#menurapide a:hover {
color : #000;
background-color : #ffcc33;
}
#gauche h4 {
font-size : 110%;	
background :#825d45;
color : #fff;
text-indent: 9px;
font-weight : bold;
font-variant : normal;
}
#coldroite h4 {
background-image : url(design/jaune.jpg);
background-repeat : repeat-y;
text-align : center;
color : #333333;
font-variant : normal;
}
.border {
border : 1px solid #ededed;
padding : 8px 0;
}
#gauche li, #coldroite li {
clear : both;
padding : 0 0 2px 2px;
margin : 4px 0;
}
#meteo a {
float : left;
clear : both;
}
#meteo hr {
visibility : hidden;
}
#gauche a, #coldroite a {
margin : 2px;
padding-left : 5px;
border-left : 8px solid #825d45;
color : #000;
text-decoration : none;
font-variant : normal;
}
#gauche a:hover, #coldroite a:hover {
color : #000;
border-left : 8px solid #825d45;
background-color : #ffcc33;
}
.partenaires {
margin : 5px 0;
}
.pub_bouton {
	padding-left : 15px;
}
.pub{clear:both;text-align:center;}
.pub h2{display:none;}
.pub#pub468{margin:1em 0 2em;padding:.5em 0;}
.pub#pub468 .info{display:block;margin-top:.5em;padding:.5em 3px 2em 3px;border-top:1px solid #ccc;font-size:80%;color:#999;}
.pub#pub250{width:250px;border-bottom:0 !important;}
.pub#pub300{width:300px;height:250px;margin:2em 0 2em 0;margin-right:30px;}
#gauche .partenaires a, #coldroite .partenaires a {
text-decoration : none;
border : none;
padding-bottom : 5px;
}
#gauche .partenaires a:hover, #coldroite .partenaires a:hover {
text-decoration : none;
border : none;
background : none;
}
#gauche .partenaires h4 {
background-image : url(design/jaune.jpg);
background-repeat : repeat-y;
text-align : center;
color : #333333;
font-variant : small-caps;
}
#pied li {
display : inline;
}
#pied a, #pied a:link {
font-weight : bold;
color : #000;
}
.haut_droite {
font-size : 0.8em;
text-align : right !important ;
border-bottom : 1px dotted #ccc;
}
.rubriques {
margin-bottom:15px;
}                            
.rubriques a {
color : #000;
text-decoration : none;
border-bottom : 1px solid #996633;
padding-bottom:4px;
}
.rubriques a:hover {
color : #000;
background-color : #ffcc33;
}
.sep {font-size:20px;
 color:#996633;
 padding:0 8px 0 6px;
  font-family:Courier New;
  }
.skiplink {
display : none;
}
.alert {
text-decoration : underline;
}
.both {
clear : both;
}
.center {
text-align : center;
}
.left {
float : left;
}
.right {
float : right;
}
.pleft {
float : left;
width : 40%;
margin-bottom : 1.2em;
}
.pright {
float : right;
text-align : right;
width : 40%;
margin-bottom : 1.2em;
}
.alignright {
text-align : right; }
.justify {
text-align : justify;
}
.retrait {
padding-left : 15px;
}
.rouge {
color : red;
font-weight : bold;
}
.petit {
font-size : 0.85em;
font-family : verdana, arial, "Bitstream Vera Sans", Helvetica, sans-serif;
}
.petit_gris {
font-size : 0.85em;
line-height : 1.2em;
color : #666666;
}
.date {
color : #666666;
font-size : 0.85em;
margin: 0px 4px 0 0;
border-bottom : 1px dotted #999999;
}
.italic  {
font-family : verdana, sans-serif;
font-style : italic;
font-size : 1.05em;
margin-bottom : 1.2em;
} 
.p1 {
margin-top : 1.4em;
}
.p2 {
margin-bottom : 1.2em;
}
.p3 {
background: url(library/vert.gif) left 2px no-repeat;padding-left: 20px;
}
.pespace {
	padding:1em;
}
.pcouleur {
background-color : #e9e5d3;
color : #000000;
border-bottom : 1px dashed #696969;
height : auto;
padding : 10px;
}
.fond{
background-color: #e9e5d3;
color: #000000;
padding : 6px;
}
.autre_fond {
 background-color: #f8f7ef;
  padding: 10px;
  border : 1px solid #cccccc;
  }
  
.sig {
text-align : right;
font-style : italic;
padding : 10px;
}
.nota {
color : #330000;
font-weight : bold;
}
.noteb {
color : #996633;
font-size : 1.1em;
font-weight : bold;
}
.postinfo, .postinfo2 {
color : #766;
font-size : 1.2em;
font-variant : normal;
font-weight : bold;
}
.postinfo2 {
font-size : 1.4em;
}
.postinfo3 {
color : #ff0000;
font-size : 1.2em;
font-variant : normal;
font-weight : bold;
}

.maj {
font-size : 0.85em;
background-color : #f8f7ef;
text-align : center;
margin-top : 1.8em;
border-top: solid 1px #663300; 
border-bottom: solid 1px #663300; 
}
input.soumettre {
border : 1px solid #394280;
background : #dedede;
cursor : pointer;
}
input.soumettre:hover {
background : #9ba7bb;
}
.precherche {
background : url(recherche.gif) no-repeat left center;
padding : 0 0 3px 16px;
}
#form_asso {
padding : 5px;
font-family : arial, "trebuchet ms", sans-serif;
}
#form_asso fieldset {
padding : 5px;
margin-bottom : 5px;
}
#form_asso legend {
font-weight : bold;
}
#form_asso label {
margin-top : 10px;
display : block;
}
#form_asso label.inline {
display : inline;
}
#form_asso input {
border : 1px solid black;
background-color : #eeeeee;
}
#form_asso input[type="radio"] {
background-color : transparent;
border : none;
}
#form_asso textarea {
border : 1px solid black;
background-color : #eeeeee;
}
#form_asso ul  {
list-style : none;
}
#form_lettre {
background-color : #fafafa;
padding : 10px;
width : 90%;
}
#form_lettre fieldset {
padding : 5px;
margin-bottom : 5px;
}
#form_lettre legend {
font-weight : bold;
background : #ff9900;
border : 1px solid #781351;
padding : 2px 6px;
}
#form_lettre label {
margin-top : 10px;
display : block;
}
#form_lettre label.inline {
display : inline;
}
#form_lettre input {
border : 1px solid black;
background-color : #eeeeee;
}
#form_lettre input[type="radio"] {
margin-right : 50px;
background-color : transparent;
border : none;
}
#form_lettre input[type="submit"] {
border : 2px outset #a6bede;
font-weight : bold;
cursor : pointer;
}
#form_lettre input[type="submit"]:active {
border : 2px inset #eeeeee;
background-color : #a6bede;
color : black;
}
#form_lettre input[type="submit"]:hover {
border : 2px outset white;
background-color : #eee8aa;
}
.form_container {
width : 500px;
display : inline;
}
#form_sondage {
width : 130px;
}
img {
border : none;
vertical-align : middle;
}
img a:link, a:active, a:hover
 {
 border : none;
text-decoration : none;
}
input.image {
border : none;
vertical-align : middle;
}
.img_gauche {
float : left;
margin : 0.5em 1em 0.5em 0;
padding : 0;
}
img.alignleft {
	margin: 0 27px 0 0;
}

.img_droite {
float : right;
margin : 0.5em 0 0.5em 1em;
padding : 0;
}

.img_centre {
display : block;
margin : 15px auto;
background-color : #f9f9f9;
border : 1px solid #999;
padding : 5px;
}
.imgactu {
float : left;
background-color : #f9f9f9;
border : 1px solid #999;
padding : 5px;
margin : 0.5em 1em 0.5em 0;
}

.imgactud {
float : right;
background-color : #f9f9f9;
border : 1px solid #999;
padding : 5px;
margin-left : 1em;
margin-bottom : 0.5em;
}

.tableimage {
border : none;
margin : 0 auto 0 auto;
}
.tableimage td {
border : none;
vertical-align : top;
padding : 2px;
text-align : left;
}
.vignette {
float : left;
width : 160px;
height : 140px;
background-color : #f7efde;
border : 1px solid #999;
margin : 0 15px 15px 0;
text-align : center;
padding : 2px;
}
.encart {
width:auto;
border : 1px solid #cccccc;
padding : 5px;
margin : 5px;
}

.visuel-gras {
width:85%;
font-style:italic;
font-weight: bold;
font-size: 1.1em;
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
letter-spacing: 0.5px;
margin:11px 0 11px 0;
padding:5px 5px 5px 17px;
background-color:#e9e5d3;
color:#5A3D1C;
border-top:1px solid #d3ceb6;
border-bottom:1px solid #d3ceb6;
border-right:1px solid #d3ceb6;
background-image: url(library/fond_visuel.jpg);
background-repeat: no-repeat;
background-position: left center;}

#pteboite {
width : 400px;
border : 1px solid #0066CC;
color : #000000;
height : auto;
padding : 10px;
}

.zone-infos-titre {
border : 2px solid #d3ceb6;
padding : 5px;
}

.news-titre {
	 font-size: 1.6em;
		margin: 5px 0px 9px 0px;
	color: #5A3D1C;
	width: 90%;
    	}
.news-texte {
			margin: 0 0 4px 20px;
}

img.top {vertical-align:text-top;}
.nom-listip {
	font-size: 1.1em;
			}
.nom-desc {
padding-left : 15px;
margin-bottom : 1.2em;
}
.titresurligne {
margin-bottom: 10px;
	padding: 5px 10px;
	font-weight: bold;
	text-align : center;
	background-color: #feeaa8;
	border-color: #fdca00;
	border-width: 1px 0;
	border-style: solid;
	display: block;
}
.livre{
font-size: 1em;
	font-weight : bold;
	font-style:italic;
	padding : 4px 0 4px 0;}
strong,.strong{font-weight:600;}

.cite_text
{
font-style:italic;
padding: 5px 5px 5px 20px;
background-color: #ffffff;
background-image: url(images/quote.gif);
background-repeat: no-repeat;
background-position: left top;
}
q,cite{
		font-style:italic;
}
.font_times {
font-family: "Times New Roman"}

.ytvideo object{
	width:320px;
	height:365px;
}
 .monp a:link, .monp a:active, .monp a:hover {
text-decoration : none;
border : none;
background : none; 
}

.pdf {
	background-image: url(library/pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 18px;
	display:inline;
}
.mel {
	background-image: url(library/mel.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 0px 0px 18px;
	display:inline;
	}
.aSavoir{
	background:url(library/a_savoir.png) no-repeat left top;
	padding-left:35px;
	min-height:27px;
	line-height:150%;
	}
	.son{
	background:url(library/music.png) no-repeat left top;
	padding-left:35px;
	min-height:27px;
	line-height:150%;
	}
.novo{
	background:url(library/nov_bg.gif) no-repeat left top;
	padding-left:62px;
	min-height:15px;
	line-height:150%;
	}
#adv_gauche {
float : left;
margin : 0.5em 1em 0.5em 0;
padding : 0;
}