@charset "utf-8";
/* CSS Document */

body  {
    	font: 0.75em Calibri, sans-serif;
    	background: #BAC2C5;
    	margin: 0; 
    	margin-top: 10px;
    	padding: 0;
    	/*text-align: center;  ce param�trage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align� � gauche (valeur par d�faut) dans le s�lecteur #container */
    	color: #fff;
    	    }
	
	#clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
a{
	
	color:#009;
	
	text-decoration: none;
	
}

/* -------- Accueil   ----------- */ 
#header_acc { 
    	position: absolute; 
		height:250px;
		width: 950px;
    } 
    #header_acc1{
position: absolute; 
	z-index: 400;
	height: 56px;
	min-height: 56px;
	background-image:url(../_img2013/haut_accpng24.png)
	
	
}
.titre_bando{
text-align: left;
margin-left: 570px;
margin-top: -28px;
font-size: 13px;		
}
.titre_bando a{
color:#fff;
	
	
}
#header_acc2{
position: absolute; 
	z-index: 400;
	margin-top: 210px;
	height: 190px;
	min-height: 190px;
	
}

#haut1A_acc { 
   
		height:245px;
		
    }	 
  #container_acc { 
    	width: 950px;
		background-color:#484f54;
    	overflow: hidden;
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; /* ce param�trage annule le param�tre text-align:center de l'�l�ment body. */
    } 
	  #container_acc2 { 
    	width: 955px;
		background-color:#FFF;
    	overflow: hidden;
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; /* ce param�trage annule le param�tre text-align:center de l'�l�ment body. */
		margin-top:-30px;
		padding-top:-30px;
    } 

 #gauche_acc{
	float: left;
	width: 265px;
	height:auto;
}
#gauche_acc_texte{
float: left;
	width: 200px;
	font-size: 10px;
	color: #CCC;
	margin-left: 40px;
	text-align: justify;
}
#gauche_acc_texte a{
	color: #fcee21;
	
}
.titre_iti_acc{
font-size: 14px;
font-family: 'Signika Negative', sans-serif;
color: #fbb03b;
margin-bottom: -10px;		
}
.titre_int_acc{
margin-top: 10px;
	font-size: 14px;
font-family: 'Signika Negative', sans-serif;
color: #f15a24;
margin-bottom: -10px;	
}
.img_int_acc{
margin-top: 10px;
}
.int_lien1{
/*margin-top: -13px !important; */
	margin-top :10px;
	
}
.int_lien2{
/*margin-top: -15px !important; */
	margin-top :10px;

	
}
.int_lien2 a{
/*margin-left: -5px !important; */
	margin-top :10px;

}
#droite_acc{
	float: left;
	width: 190px;
}
#centre_acc{
	float: left;	
	width:440px;
   	padding: 0 10px;
   	background-image: url(../_img2013/fond_centre_acc.jpg);
   	background-repeat: repeat-y; 
      	min-height: 300px;	
}
.iti_acc{
background-color: #32383c;
width: 179px;
height: auto;	
}
.iti_lien1 {
	/*margin-top: -13px !important; */
	margin-top :10px;
	
}
.iti_lien2 {
	/*margin-top: -15px !important; */
	margin-top :10px;

	
}

.iti_lien2 a{
	/*margin-left: -5px !important; */
	margin-top :10px;

}
.iti_acc a{
color: #fcee21;


}
.iti_acc p{
margin-left: 8px;	
}
.iti_acc img{
margin-right: 8px;	
}
#centre_acc2{
margin-left: 45px;	
width: 322px;
}
#titreactuL{
float: right;
	font-family: 'Signika Negative', sans-serif;
	color: #fcee21;
	font-size: 22px;
	margin-right: 180px;
	margin-top: 2px !important;
	
	padding-top: -5px !important;	
	padding-top: -20px;
	
}
.lien_archive_actu a{
font-size: 13px;
color: #fcee21;
	
	
}
.bloc_actu_acc{
text-align: justify;
}
.bloc_actu_acc h2{
text-align: justify;
color: #08b6df;
}
.bloc_actu_acc a{
color: #fff;
text-decoration:underline;

	
}


#container_acc h1{
	text-align: justify;
	margin-left:0px;
	font-size:24px;
	color:#29455a;
	border-bottom-color:#a6a6a6;
	border-bottom-style:solid;
	border-bottom-width:2px;
	margin-bottom:20px;
	margin-top:0px;
}

#container_acc h2{
	text-align: justify;
	margin-left:0px;
	font-size:16px;
	color:#29455a;
	margin-top:20px;
	font-style:italic;

}
#archiveinter h1{
	text-align:right;
	margin-left:0px;
	font-size:14px;
	color:#29455a;
	border:none;
	margin-top:-20px;
}
#container_acc p, #container_acc ul{
	font-size:12px;
	text-align: justify;
}
#container_acc ul{
	margin-left:-20px;
	}
#bloc_visite2 {
	
		float: left;
		height:101px;
		width:219px;
		
	}
	#bloc_visite2 ul{
		margin-left:-15px!important;
		margin-left:15px;
		
	}
.bloc_visite2td{
		background:url(../_img/visite2.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		
}
#bloc_visite {
	float: left;	
	background-color:#fff5d2;
	width:210px;
	
	 -moz-box-shadow: 4px 4px 10px #888;  
  -webkit-box-shadow: 4px 4px 10px #888;  
  box-shadow:4px 4px 6px #888;
}
#bloc_visite p{
	margin-left:10px;
	margin-right:10px;
	
}
#container { 
    	width: 955px;  
    	background: #5E5850;
		background:url(../images/fond_acc.png)  repeat; 
		
    	margin: 0 auto; 
    	/*border: 1px solid #000000;*/
    	text-align: left; /* ce param�trage annule le param�tre text-align:center de l'�l�ment body. */
    } 
#header { 
    	background:url(../images/acc_haut2.png)  no-repeat;
		height:240px;
    	/*padding: 0 10px 0 20px;   ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est ins�r�e dans l'�l�ment #header, il est conseill� de supprimer le remplissage. */
    } 
#header h1 {
    	margin: 0;
    	padding: 10px 0; 
    }
#gauche {
    	float: left; 
    	width: 250px;
    	background:url(../images/fond_acc.png)  repeat;
    	/*padding: 15px 10px 15px 20px;  le remplissage permet d'�carter le contenu de l'�l�ment div des bords de celui-ci */
    }
#droite{
    	float: right; 
    	width: 240px;
		margin-top:10px;
	
    	background:url(../images/fond_acc.png)  repeat;
    	/*padding: 15px 10px 15px 20px; */
    }
 #centre { 
    	margin: 0 260px; 
		background:url(../images/fond_acc.png)  repeat; 
    	padding: 0 10px; 
		text-align: center;
    } 
	#haut1 { 
   
		height:30px;
    } 
	#haut2 { 
   
		height:10px;
    }
	
	 
  
      

   
   
   
   
   
/* -------- Int   ----------- */ 

#container_int { 
    	width: 950px;
		background-color:#484f54;
    	
    	margin: 0 auto; 
    	/*border: 1px solid #000000;*/
    	text-align: left; /* ce param�trage annule le param�tre text-align:center de l'�l�ment body. */
    } 
#header_int { 
    	
		height:162px;
    } 
#haut1_int { 
float: left;
width: 950px;
background-color:#484f54;
		clear:both;
		margin-bottom: 20px !important;
		margin-bottom: -20px;
		
    }
#haut1_int2 { 
   
		height:145px;
		background-color:#484f54;
		padding-top:-30px;
		
    }	
#header_int2 { 
    	
		height:155px;
	
		width:1100px;
		
		
    	overflow: hidden;
    	margin: 0 auto; 
    	border: 1px solid #000000;
    	text-align: left; /* ce param�trage annule le param�tre text-align:center de l'�l�ment body. */
		
    }     
    
     
#haut2_int { 
   		height:27px;
       
        margin: 0 0 0 0;
    } 
	
#haut2_int p{
	margin-left:20px;
	font-size: 12px;
	margin-top:5px;
    marging_botton=0px;	
    }
#haut2_int a {
	color: #000000;
	text-decoration: none;
	font-style: italic;			
    }
	
	
	
#gauche_int {
	float: left;
	width: 175px;
	padding-top: 10px;
	margin-top: 25px;
    }
#droite_int{
    	float: left; 
    	width: 190px;
    	margin-right: -20px;
    	/*background: #fff; 
    	padding: 15px 10px 15px 20px;
		margin-top:60px;*/
		
    }
    #droite_int2{
    margin-left: 30px;
    margin-top: 45px;
    }
#centre_int { 
    float: left;
	width: 575px;
	background-image: url(../_img2013/back_int2.jpg); 

}
#centre_int a{
color:#fff;
text-decoration: underline;

	
	
}
#centre_int li{
margin-left: -25px;
list-style-type: none;
list-style-image: url(http://www.brunog.fr/iter2013/_img2013/puce.jpg);




	
}
	
#centre_int p, #centre_int li{
	margin-right: 150px;
	text-align: justify;
	font-size: 1em;	
		
	}
.right {
	float: right;
	
	/*margin-right:-230px;*/
	margin-left:20px;
	margin-right: -100px;
}
#centre_int h1{
	font-family: 'Signika Negative', sans-serif;
	font-size: 21px;
	color: #fcee21;
	
	text-align: left;
	margin-bottom: 20px;
	margin-left: 0px;
	
	margin-top: 0px;}
#centre_int h2{
	font-family: 'Signika Negative', sans-serif;
	font-size: 15px;
	color:  #08b6df;
	margin-right: 150px;
	
	}
#centre_int h2 strong{
	color:  #08b6df;
	
}	
#centre_int strong{
	color: #fcee21;
}	
	
#centre_int_mediatheque { 
    	margin: 0 160px; 
		
    	padding: 0 10px;
		
		margin-right: 10px;
		
		text-align: justify;
		border-left-color:#193944;
		border-left-style:solid;
		border-left-width:3px;
    }
	#centre_titre { 
    	margin: 0 160px; 
		
    	padding: 0 10px;
		margin-right:0px;
		margin-bottom:-20px;
		
		text-align: justify;
		border-left-color:#193944;
		border-left-style:solid;
		border-left-width:3px;
    }

    #centre_int_2{ 
    	margin: 0 160px; 
		
    	padding: 0 10px;
		min-height:300px;
		margin-right: 10px;
		text-align:justify;
    }
	
#gauche_int	p {
	
	font-size: 0.9em;
	color: #fff;
	text-align: left;
	margin-left: 35px;
	margin-right: 30px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom-color: #FCEE21;
	border-bottom-style: solid;
	border-bottom-width: 0.5px;
	
}

#gauche_int .intitule {
	color: #FCEE21;
	font-weight: bold;
	margin-left:0px;
	font-size: 0.9em;	
	}
#gauche_int	a{
	
	color: #fff;
	text-decoration: none;
	padding: 0 0;
	text-align: left;
	padding-left:0px;
	
}
#gauche_int a:hover {
color: #FCEE21;
}


#breve_int {
background: #DFF6FF;
width: 170px;
}

#breve_int p{
font-family:"Times New Roman", Times, serif;
margin-left:10px;
}


#breve_int_titre {
background: #00B3DF;
height:25px;
width: 170px;
margin-bottom:-20px;
}
#breve_int_titre p{
	color:#FFFFFF;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	
}


/* -------- Fin Int   ----------- */ 
/* -------- Pied   ----------- */ 
#pied { 
    	padding: 0 10px 0 20px; 
        /*background-color:#61534C;*/
        height:30px;
        clear:both;
        background-image: url(../_img2013/pied.jpg)
    } 
#pied p {
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 10px;
	color:#fff;
    }

#pied a{
color: #fff;
	
}		
#pied a:hover {
color: #000;
}

/* -------- Fin Pied   ----------- */ 
#print {
float: right;
margin-right:10px;

}
#taille {
float: right;
margin-right:30px;
margin-top:-15px;

}

	
/* -------- Fin Int   ----------- */ 
  
h1 {
	
	font-size: 22px;
	font-weight: bold;
	margin-bottom:-20px;
   color:#29455a;
	margin-left:170px;
    margin-top:25px;
}
h1.gauche{
	
	margin-left:0px;
    margin-bottom:-10px;
font-size: 20px;
text-align: justify;
    
}

h2 {
	
	font-size: 15px;
	font-weight: bold;
	color:#29455a;
	margin-bottom:-10px;
}
h3, h3 a {
		font-size: 13px;
	font-weight: bold;
	color: <? echo $coul ?>;
	margin-bottom:-10px;
}  
  
p, li, ul {
font-family: Calibri, sans-serif;
	font-size: 1em;
}
 
a:hover {
color: <? echo $coul ?>;
}

 
 .img_centre{
	border-color: #B8B0AD;
	margin-left:10px;
	margin-bottom:40px;
	border-width: 10px;
	border-style:solid;
 }
 
 
 .selection {
	color: <? echo $coul ?>;
		
	}
.contact {
color : #111111; 
padding-left : 5px; 
 
border-left : 3px solid #333333; 

} 

/* note bas de page */

#note p{
font-size: 11px;
}

.zoom {
width:800px;
margin:auto;
}
.zoom p {
text-align:center;
}
.zoom img {
width:400px;

}
.zoom img:hover {
width:700px;
height:498px;

}
#zoom2  a img {border:none} /* pas d'encadrement des images */
#zoom2  a:hover {border:0px } /* hack pour IE - ne sert sinon � rien */
#zoom2  a:hover img {width:700px ; height:498px} /* agrandi les images lors du survol */


/*.rounded-img {
	display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	
	margin-left:40px;
}
*/

.rounded-img {}
	
	
.rounded-img2 {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .9), 0 -1px 0 rgba(0, 0, 0, .6);
}
 

 .left {
	float: left;
	margin-right:30px;
	margin-bottom:10px;
	
}
/* .img_right{
	
	margin-right:-230px;
	border-color: #B8B0AD;
	margin-left:40px;
	margin-bottom:40px;
	border-width: 10px;
	border-style:solid;
	
 }*/
 .img_right{
	
float: right;
	
	/*margin-right:-230px;*/
	margin-left:20px;
	margin-right: -100px;	
	
 }
   .legende{
	   float:right;
	
	
 }
  .img_right_2{
	border-color: #B8B0AD;
	margin-left:40px;
	margin-bottom:40px;
	border-width: 10px;
	border-style:solid;
 }
 
 /* .img_gauche{
	border-color: #B8B0AD;
	
    margin-right:30px;
	margin-bottom:10px;
	border-width: 10px;
	border-style:solid;
 }*/
 
 .img_gauche{
	
	
    margin-right:30px;
	margin-bottom:10px;
	
 }
 #an h1, .an h1 {
	 margin-left:0px;
	 margin-bottom:18px;
	 font-size:1.4em;
	
	 text-decoration:underline
	 
	 
	 
 }
 #actu h2{
	 margin-top:16px;
	 
 }
 .selected{
	 font-size:36px;
 }
 
 .titre_media{
	 font-size:12px;
	 text-align:center;
 }
  .titre_mediaph{
	 font-size:12px;
	 text-align:center;
	 margin-top:-15px;
	 padding-top:-10px
 }
 .titre_mediaph a{
 color:#08B6DF;
	 
	 
 }
 
 #imgacc{
	 margin-left:-22px;
	 margin-bottom:-5px;
 }
 #liensutil_acc{
	 margin-top: -37px;
	 position: absolute; 
	z-index: 300;
	margin-bottom: 30px;
 }
 
#liensutil{
	
	background-color: #484f54;
	height: 35px;
	min-height: 35px;
	
}
#liensutil li{
margin-top: 5px;
	color:#fff;
		  list-style-type: none; /* on annule la puce par d�faut */
    background-image: url(../_img2013/liens_utiles.jpg); /* on affiche l'image souhait�e */
    background-repeat: no-repeat; /* on annule la r�p�tition par d�faut */
    background-position: left; /* on positionne o� l'on veut */
    padding-left: 60px; /* pour �viter la superposition du contenu */

}
#liensutil a{
	color:#fff;
	margin-left: 20px
}

#liensutil img{
	float: left; 
	
	
}
#Bmedia{
min-height: 89px;
background-image: url(../_img2013/Bmedia.jpg);
background-repeat: no-repeat;	
}
#Bmedia p {
padding-left: 45px;	
padding-top: 25px;
font-size: 11px;
color: #fcee21;
}
#Bmedia a{
font-size: 11px;
color: #fcee21;
}

#retour{
float: left;

margin-bottom: 0px;
min-height: 25px;
height: 25px;
background-color: #484f54;
width: 950px;
clear:both;
	
}
#retour a{
color:#fff;
font-size: 13px;
}
#retour p{
	margin-left: 40px;
	

}
.boutonplus{
float: right;
	margin-right: 20px;
	margin-top: -30px;
}
.boutonplus img{
	padding-top: -30px;
}
.savoirplus_acc{
font-size: 12px;
color: #fcee21;
margin-left: 50px;
margin-top: 17px;
}
.savoirplus_acc2 {
font-size: 12px;
color: #fcee21;
margin-left: 50px;
margin-top: 29px;
}
.savoirplus_acc4 {
font-size: 12px;
color: #fcee21;
margin-left: 50px;
margin-top: 22px;
}
.savoirplus_acc3{
font-size: 12px;
color: #fcee21;
margin-left: 50px;
margin-top: 17px;
}
.savoirplus_acc4 a,.savoirplus_acc1 a,.savoirplus_acc2 a,.savoirplus_acc3 a{
	color: #fcee21;
}
#gauche_acc table{
margin-left: -3px;
	
	
}

#bg { position:fixed; top: 0; left: 0;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }
a.lien{
color: #fff;
	
}

#titreitiacc h1{
	text-align: left;
	margin-left: 0px;
	margin-bottom: 10px;

	font-family: 'Signika Negative', sans-serif;
	/*color: #fcee21;*/
	color: #08b6df;
	font-size: 16px;
	margin-right: 20px;
	margin-top: 2px !important;
	
	padding-top: -5px !important;	
	padding-top: -20px;
	
}
#titreitiacc p {
font-size: 14px;
/*margin-left: -25px;
padding-left: -25px;*/
	
	
}
#convoi{color:#fff;}
#convoi h2{
	color: #fcee21;
	font-size: 18px;
	margin-top: -20px;
	
}
#convoi a, #convoi p{
	color:#fff;
}
#convoi strong{
	color: #fcee21;
	
}