@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:visited {
color : purple;
text-decoration : none;
background : transparent;
}
a:hover {
color : #000;
background-color : #ffcc33;
border-bottom : 1px solid #666666;
}
h1, h2, h3, h4, h5 {
font-weight : normal;
}
h1 {
padding-bottom : 0.2em;
color :#996633;
font-variant : normal;
font-family : verdana, arial, helvetica, sans-serif;
font-size: 185%;
}
h2 {
padding : 8px 0 5px 0;
font-size: 150%;
font-family : verdana, arial, helvetica, sans-serif;
color: #202020;
letter-spacing: 0.3px;

}
h3 {
padding : 4px 0 5px 0;
font-size: 150%;
font-family : arial;
color : #649300;
}
h4 {
padding : 4px 0 4px 0;
font-size: 150%;
font-family : arial;
color : #660000;
}
h5 {
font-size: 110%;
font-family : verdana, arial, helvetica, sans-serif;
padding : 2px 0 2px 0;
}
.soustitre {
color : #CC0066;
font-size : 1.1em;
font-weight : bold;
margin-left : 20px;
padding : 10px 0 2px 0;
}
blockquote {
width : 90%;
background : #f8f7ef;
border-left : 4px solid #006633;
padding : 5px;
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;
speak : spell-out;
}

.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;
text-align : center;
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 {
background :#996633;
color : #fff;
text-align : center;
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 #996633;
color : #000;
text-decoration : none;
font-variant : normal;
}
#gauche a:hover, #coldroite a:hover {
color : #000;
border-left : 8px solid #197948;
background-color : #ffcc33;
}
.partenaires {
margin : 5px 0;
}
#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, #pied a:visited {
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;
}
.pcouleur {
background-color : #f8f7ef;
color : #000000;
border-bottom : 1px dashed #696969;
height : auto;
padding : 10px;
}
.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;
}

.fond{
background-color: #f8f7ef;
color: #000000;
padding : 6px;
}
.sig {
text-align : right;
font-style : italic;
padding : 10px;
}
.nota {
color : #996633;
font-weight : 500;

}
.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 {
float : right;
width : 150px;
border : 1px solid #cccccc;
padding : 5px;
margin : 5px;
}
.visuel-gras {
font-size : 1.1em;
font-family : Georgia, "Times New Roman", serif;
letter-spacing: 0.5px;
color : #5A3D1C;
font-style:italic;
font-weight : bold;
	padding: 5px;
	margin: 0px;
	margin-bottom: 14px;
	background : #f8f7ef;
	
}
.visuelsimple {
font-size : 1em;
padding: 5px;
	margin: 0px;
	margin-bottom: 14px;
	background : #f8f7ef;
	border-bottom : 1px dashed #996633;
}
#pteboite {
width : 400px;
border : 1px solid #0066CC;
color : #000000;
height : auto;
padding : 10px;
}

.zone-infos-titre {
background-color : #f8f7ef;
border : 2px solid #0066CC;
padding : 5px;
}

.news-titre {
    font-size: 1em;
	font-weight : bold;
	color: #5A3D1C;
	width: 80%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom : 1px dashed #996633;
}
.news-texte {
	margin-top: 12px;
	margin-left: 20px;
	padding-bottom: 4px;
}

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-size: 1em;
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;
background-color: #f8f7ef;
}
.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;
}