* { margin: 0; padding: 0; }

body,td,th {color: #035582; font: 90%/200% Arial, Helvetica, sans-serif;}

ul { list-style-position: inside; }

html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Nécessaire si on veut que la couleur de #page se poursuive jusqu'au footer*/
	background-color:#FFF;
	background-image: url(../images/fond.jpg); 
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#global {
	width: 950px;
	margin: 0 auto;
	background-color:#FFF;
	min-height: 100%; /* Nécessaire si on veut que la couleur de #page se poursuive jusqu'au footer*/
	background-image: url(../images/ligne_fond.jpg); 
	background-repeat: repeat-y;
}

#content {
	background-image: url(../images/ligne_fond.jpg); 
	background-repeat: repeat-y;
}


#entete { height: 181px; background-color: #FFF; background-image: url(../images/entete.jpg);}

#pied {
	position: relative;  /* Nécessaire pour Safari */
	height: 100px;
	background-color: #FFF;
	background-image: url(../images/pied.jpg);
	text-align: right;
	padding: 0px 20px 0px 0px;
	line-height:26px;
}

#nav_gauche {float: left; width: 160px; margin: 30px 0px 0px 20px; }
#navigation {border-color:#035582; border: solid 1px; padding: 2px 2px 2px 2px; }
#navigation2 {border-color:#035582; border: solid 1px; padding: 2px 2px 2px 2px; }
#nav_actus { border: solid 1px #CC6600; padding: 2px 2px 2px 2px;}
#centre {float: left; width: 520px; margin: 30px 0px 0px 28px; font-size: 12px;}
#archives {float: right; width: 160px; margin: 30px 20px 0px 0px; border-color:#035582; border: solid 1px; padding: 2px 2px 2px 2px;}
#lettres {float: right; width: 160px; margin: 30px 20px 0px 0px; border-color:#035582; border: solid 1px; padding: 2px 2px 2px 2px;}
#actus {float: right; width: 160px; margin: 30px 20px 0px 0px; border: solid 1px #035582; padding: 2px 2px 2px 2px; list-style-position: outside;}
#marge_fin{ clear:both; padding: 30px 0px 0px 0px;}
#titre {text-align: justify;}
#lexique { background-color: #ECF7FF; border-color:#035582; border: solid 1px; padding: 10px 10px 10px 10px; text-align:justify; }
#contact {float: left; width: 400px; margin: 30px 0px 30px 90px; font-size: 12px;}
#interview {float: left; width: 550px; margin: 30px 0px 30px 14px; font-size: 12px; }
#video { clear:both; width: 500px; background-color: #ECF7FF; font-size: 12px; border-color:#035582; border: dashed 1px; margin-bottom:10px; padding: 10px 10px 10px 10px;}
#accueil_vid { clear:both; width: 500px; height:160px; background-color: #ECF7FF; font-size: 12px; border-color:#035582; border: dashed 1px; margin-bottom:10px; padding: 10px 10px 10px 10px; }
#cadre {float: left; width: 520px; margin: 30px 0px 30px 30px; font-size: 12px; }
#legales { background-color: #ECF7FF; border-color:#035582; border: dashed 1px; padding: 30px 30px 30px 30px;}
#upline { padding: 90px 0px 0px 445px; font-size: 15px; font-weight:bold; line-height:20px; width: 280px; text-align:center; color:#377B97;}
#chemin {padding: 29px 0px 0px 30px; font-size: 12px; line-height:20px;}
#images{ float: left; margin-right: 20px;}

/* debut style accordeon */
.accordion_child{ padding:15px; background: #ECF7FF; }
.accordion_orange{ padding:15px; background: #FFF; }
.accordion_actus{ padding:6px; text-align:justify; padding: 16px 16px 16px 16px; }
/* fin style accordeon */ 


/* debut style liens */
.vert {text-align:right;}
.vert:link { text-decoration: none; color: #026489;}
.vert:visited { text-decoration: none; color: #026489;}
.vert:hover { text-decoration: none; color: #CC6600;}
.vert:active { text-decoration: none; }

.envoyer_headings{ padding:2px; background: #026489; color:#FFFFFF; border:1px solid  #FFF;}
.envoyer_headings:hover{ background: #CC6600; }
.envoyer_child{ padding:15px; background: #ECF7FF; }
.envoyer_highlight{ background: #CC6600; font-size: 18px;}

.annee:link { text-decoration: underline; color: #026489; font-size: 12px; font-weight:bold; }
.annee:visited { text-decoration: underline; color: #026489; font-size: 12px; font-weight:bold; }
.annee:hover { text-decoration: underline; color: #CC6600; font-size: 12px; font-weight:bold; }
.annee:active { text-decoration: underline;}

.plan:link { text-decoration: underline; color: #026489; font-size: 12px;}
.plan:visited { text-decoration: underline; color: #026489; font-size: 12px;}
.plan:hover { text-decoration: underline; color: #CC6600; font-size: 12px;}
.plan:active { text-decoration: underline;}

.copyright:link { text-decoration: none; color: #FFF; }
.copyright:visited { text-decoration: none; color: #FFF; }
.copyright:hover { text-decoration: none; color: #C6DBEC; }
.copyright:active { text-decoration: none; }

.lien-pdf:link { text-decoration: none; color: #FFF; font-size: 12px;}
.lien-pdf:visited { text-decoration: none; color: #FFF; font-size: 12px;}
.lien-pdf:hover { text-decoration: none; color: #FFCC00; font-size: 12px;}
.lien-pdf:active { text-decoration: none; }

.formulaire { background-color: #ECF7FF; border-color:#026489; border: solid 1px;  padding: 2px 2px 2px 2px;} 
.archive {padding:5px; background: #026489; color:#FFFFFF; border:1px solid  #FFF; font-weight:bold; }
.titre_V {color:#CC6600; font-weight:bold; }
.articles { background-color: #ECF7FF; border-color:#035582; border: dashed 1px; padding: 20px 20px 20px 20px; text-align:justify; margin-top:10px;}
.pdf { float:right; height:27px; width:75px; padding: 0px 0px 0px 30px; background-color:#D24000; background:url(../images/pdf.jpg) no-repeat; line-height:27px; margin: 0px 0px 0px 0px;}
 
/* fin style liens */

.orange { color: #CC6600; font-size: 12px;}
.orange18 { color: #CC6600; font-size: 18px; font-weight: bold; }
.orange14 { color: #CC6600; font-size: 14px; font-weight: bold; }
.bleu14 { color: #035582; font-size: 14px; font-weight: bold; }
.bleu12 { color: #035582; font-size: 12px;}
.orangeclair { color: #FFBD49; font-size: 12px; }
.blanc { color: #FFF;}
.decalage { margin-left: 20px; margin-top:10px; font-weight:bold;}
.decalage2 { margin-left: 20px; line-height:20px; font-weight:100;}
.symbol {font-family: Symbol}

.sup { vertical-align: super; font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight:bold; color: #CC6600;}


h1 {
	
	font-size: 14px;
	
}

h2 {color: #CC6600;
	font-size: 12px;
}

h3 {
	color: #CC6600;
	font-size: 18px;
	
}


.b_nav { 
font: 100%/150% Arial, Helvetica, sans-serif;
color: #FFF; 
display: block;
padding: 3px 0px 3px 5px; 
text-decoration:none; 
border-bottom :solid 1px;
border-left :solid 1px;
border-right :solid 1px;
border-color:#FFF;
background-color:#035582;
}

 
a.b_nav:hover{ 
background-color: #CC6600;
}