/**BANDE :  73880A 006E2E 4f8009**/
/** txt 1087bf 006E2E 4f8009**/

/**plf color color 2B4AAD 73880A**/
/** plf titre 111E82 73880A**/

/****************** TEXTE **************************************/
TITRE_LOGO{
	font-size:24px;
	font-family:Arial Black;
	color:#2a7c9e;
}

TITRE_ACCUEIL{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	
}

/****************** END * **************************************/
/***************************************************************/

body{
	position:relative;
	top:0px;
	left:0px !important;
	left:2px;
	margin-left:auto !important;
	margin-right:auto !important;
	margin-top:0px;
	width:996px !important; /** a:1024 **/
	width: 996px;
	height:100%;
	background: url(/images/back_body.jpg) repeat-y center !important;
	
	
     text-align: center; /* pour corriger le bug de centrage IE */

	
}



div#ontop{
	position:relative;
	float:left;
	margin:0px;
	bottom:0px !important;
	bottom:0px;
	width:996px; /** a:1024 **/
	text-align:left;
	height:108px;
	left:0px !important;
	left:-1px;
}
/******************/
div#ontop_gauche{
	position:relative;
	float:left;
	width:59px;
}
div#logo{
	position:relative;
	float:left;
	margin:0px;
	height:88px !important;
	height:80px; /** ne fonctionne pas**/
	width:100%;
}

div#bande_sous_logo{
	position:relative;
	float:left;
	background:#4f8009;
	width:100% !important;
	width:64px;
	top :0px !important;
	top: -9px;
	height:20px !important;
	height:21px;
}
/******************/
div#ontop_centre{
	position:relative;
	float:left;
	width:847px;
}

div#titre{
	position:relative;
	float:left;
	padding-top:5px;
	padding-left:10px;
	width:100%;
	height:60px;
}

div#titre a{
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	color:black;
	
}

div#titre a span{
	font-size:24px;
	font-family:Arial Black;
	color:#4f8009;
}



div#menu_haut{
	position:relative;
	float:left;
	margin:0px;
	margin-top:5px !important;
	margin-top:0px;
	width:100%;
	height:38px;
	bottom:0px;
}


/****************** MENU **************************************/



#menu_haut dl, dd , ul, li {
list-style-type: none;
margin:0px;
margin-right:10px;
padding: 0;


}

dt{
	
	list-style-type: none;
	margin: 0 1px 0 0;
	padding:0;
	width:75px;
	height:21px;
}

dt.premier{
	margin-left:200px;

	
}

/**dd{
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
	background:#4f8009;
	height:14px;
}**/

#menu {
position : relative;
left: 0px;
top: -3px;

}

#menu dl {
float: left;
}
#menu li {
display: inline;
background:#4f8009;

}

#menu a {
	font-family:Arial;
text-decoration: none;
color: #FFF;
background:#4f8009;
text-decoration:none;
}

#menu a:hover{
	text-decoration:underline;	
}

#menu a.amenu{
	font-family:Arial;
	line-height:21px;
	text-align:center;
	font-size: 12px;
	color:#000;
	display:block;
	width:85px;
	background:url(/images/menu_but_no.jpg) no-repeat bottom;
}

#menu a.amenu:hover{
	color:#FFF;
	width:85px;
	background:url(/images/menu_but_ho.jpg) no-repeat bottom;
	text-decoration:none;
	
}

#menu a.actif{
	font-family:Arial;
	line-height:21px;
	text-align:center;
	font-size: 12px;
	color:#FFF;
	display:block;
	width:85px;
	background:url(/images/menu_but_ho.jpg) no-repeat bottom;
	text-decoration:none;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
	padding-top:3px;
	font-family:Arial;
	height:20px !important;
	height:19px;
	position: absolute;
	left: 0px !important;
	left:-780px; /** %%%%%%%%%%%%%%%%%%%%% PLACEMENT DU SOUS MENU %%%%%%%%%%%%**/
	top:21px;
	bottom:0px;
	font-size: 12px;
	width: 100% !important;
	width: 847px; /**847**/
	max-width:847px;
background:#4f8009;
text-align:center;

}

/****************** END * **************************************/
/***************************************************************/

/******************/
div#ontop_droite{
	position:relative;
	float:right;
	/**width:9%;**/
	top:0px !important;
	top:-24px;
	left:0px;
	right:0px;
	max-width:89px;
	width:89px;

}
div#bande_bleu{
	position:relative;
	float:right;
	margin:0px;
	/**top:2px !important;**/
	top:88px !important;
	top: 4px;
	/**width:100%;**/
	width:100% !important;
	width: 90px;
	padding-right:1px;
	text-align:right;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	height:20px !important;
	height:19px;
	/**margin-top:-26px; IE6**/
	line-height:20px !important;
	background:#4f8009;
	color:#FFF;
	
}


div#bande_bleu a{
	text-decoration:none;
	font-family:Arial;
	font-size:11px;
	color:#FFF;
}

div#bande_bleu a:hover{
	text-decoration:underline;
}

div#chemin{
	top:0px !important;
	top: -20px; /**-9**/
	bottom:10px;
	position:relative;
	float:left;
	width:100%;
	font-family:Arial;
	font-size:10px;
	padding-left: 2px;
	background:url(/images/back_chemin.jpg) repeat-x;
	text-align:left;
}

/****************************************************************************/

div#content{
	position:relative;
	float:left;
	width:994px;
	top:20px !important;
	top:5px;
	left:1px;
	max-width: 100%;
	text-align:left;
}

/***************************************************************/
/***********************3 COLONNES******************************/
/** les 2 colonnes flottantes doivent etre de largeur fixe.**/

div#colonneG {
	float: left;
	width: 144px;
	background: #FFF;
	font-family:Arial;
	font-size:11px;
	color:#000;
	padding-left: 5px;
}
/** POUR LA LISTE DES SITES**/
div#colonneG_fin {
	float: left;
	width: 20px;
	background: #FFF;
	font-family:Arial;
	font-size:11px;
	color:#000;
	padding-left: 5px;
}

div.titre_colonneG{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
	left:5px;
	border:1px solid #bdbcbd;
	padding-left:2px;
	background:url(/images/back_titre.jpg) repeat-x;
}

div.titre_colonneG_sans_bottom{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
	left:5px;
	border:1px solid #bdbcbd;
	border-bottom:0px;
	padding-left:2px;
	background:url(/images/back_titre.jpg) repeat-x;
}

div#contenu_gauche{
	left:1px;
}

div#contenu_gauche li {
	list-style-image:url(images/tiret.jpg);
}

div#contenu_gauche span{
	font-weight:bold;
	font-size:14px;
	color:#444;
}

div#contenu_gauche a{
	text-decoration:none;
	color:#4f8009;
}

div#contenu_gauche a:hover{
	text-decoration:underline;
}

div.titre_site{
	background:#4f8009;
	color:#FFF;
	padding-left:3px;

}

div.titre_site a{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	
}



div.descr_site{
	font-family:Arial;
	font-size:10px;
	
}

div#colonneD { /** PUB **/
	float: right;
	width: 120px;
	background: #FFF;
	font-family: Arial;
	font-size:10px;
	text-align:center;
	margin-top:3px;
}

div#colonneD img{
	top:5px;

}

div.pub{
	top:10px;
}

div#colonneC {
	background: #FFF;
	/** Des marges latérales pour empêcher la colonne centrale de se glisser sous les flottants **/
	margin-left: 165px;
	margin-right: 120px;
}

div#colonneC_large{ /**sans la pub à droite**/
	background: #FFF;
	/** Des marges latérales pour empêcher la colonne centrale de se glisser sous les flottants **/
	margin-left: 160px;
	margin-right: 0px;
	width:856px;
}

div#colonneC_large_gauche {
	background: #FFF;
	/** Des marges latérales pour empêcher la colonne centrale de se glisser sous les flottants **/
	margin-left: 15px;
	margin-right: 119px;
}

div#colonneCG{
	position:relative;
	float:left;
	width:474px !important;
	width:454px;
	margin:0px;
	display:inline;
}

div#colonneCD{
	position:relative;
	float:left;
	width:198px !important; /**223 - 5**/
	width:178px;
	margin:0px;
	margin-right:5px !important;
	margin-right:0px;
	margin-left:10px !important;
	margin-left:10px;
	display:inline;
}

div.titre_colonneCD{
	position:relative;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
	border:1px solid #bdbcbd;
	border-bottom:0px;
	padding-left:2px;
	width:80%;
	background:url(/images/back_titre.jpg) repeat-x;
}


div.titre_colonneCG{
	position:relative;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
	border:1px solid #bdbcbd;
	border-bottom:0px;
	padding-left:2px;
	width:40%;
	background:url(/images/back_titre.jpg) repeat-x;
}

div.titre_colonneCG a{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
	text-decoration:none;
}

div.titre_colonneCG_alone{
	position:relative;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
	border:1px solid #bdbcbd;
	padding-left:2px;
	width:40%;
	background:url(/images/back_titre.jpg) repeat-x;
}

div#contenuCG{
	position:relative;
	float:left;
	border:1px solid #bdbcbd;
	background:#F5F5F5;
	width: 462px !important; /** 472 - 5*2 px**/
	width:452px; /**462-5*2**/
	padding:5px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#contenuCG a{
	text-decoration:none;
}



div.carre_photo{
	position:relative;
	float:left;
	display:block;
	width:207px !important; /**212 - 5 **/
	width:212px;
	font-family:Arial;
	font-size:11px;
	margin:5px !important;
	margin:3px;
	color:#000;
}

div.carre_photo b{
	font-size:12px;
}

div.contenuCD{
	position:relative;
	float:left;
	border:1px solid #bdbcbd;
	background:#F5F5F5;
	width: 98%;
	padding:3px;
	padding-left:8px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	margin-bottom:5px;
	text-align:left;
}

div.contenuCD a{
	color:#000;
	text-decoration:none;
}


div.contenu{
	position:relative;
	float:left;
	border:1px solid #bdbcbd;
	background:#F5F5F5;
	width: 96%;
	padding:5px;
	font-family:Arial;
	font-size:11px;
	text-align:justify;
	margin-bottom:30px;
}

div.contenu a{
	text-decoration:none;
	color:#4f8009;
}

div.contenu a:hover{
	text-decoration:underline;
}

div.contenuG{ /**CONTENU DE LA COLONNE DE GAUCHE AVEC NOS SITES**/
	position:relative;
	float:left;
	border:1px solid #bdbcbd;
	background:#e4e4e4;
	width:132px;
	padding:5px;
	font-family:Arial;
	font-size:11px;
	text-align:justify;
	margin-bottom:30px;
}

div.contenuG span{
	font-size:10px;
}

div.contenuG a{
	text-decoration:none;
	color:#000;
}



div.contenu img{
	float:left;
	padding:3px;
	margin-right:10px;
	height:100%;
}

div.contenu img.icon_photo{
	float:left;
	display:inline;
	padding:0px;
	margin-right:5px;
	top:1px;
	height:16px;
}



div#photo_p{
	position:relative;
	float:left;
	height:100%;
	width:17%;
}

div#texte_p{
	position:relative;
	float:left;
	height:100%;
	width:83%;
}

div.contenu_intercal{
	float:left;
	position:relative;
	margin-top:46px;
	bottom:18px;
	left:3px;
	width:97%;
	
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#4f8009;
}

div#trait_nath{
	float:right;
	position:relative;
	background:url(/images/back_inter.jpg) repeat-x;
	background-position:center;
	width:67%;
	display:block;
	color:#FFF;
}

div#trait_pilotes{
	float:right;
	position:relative;
	background:url(/images/back_inter.jpg) repeat-x;
	background-position:center;
	width:92%;
	display:block;
	color:#FFF;
}


div#trait_dev{
	float:right;
	position:relative;
	background:url(/images/back_inter.jpg) repeat-x;
	background-position:center;
	width:82%;
	display:block;
	color:#FFF;
}

div.presse_logo{
	width:25%;
	position:relative;
	float:left;
	height:100%;
}

div.presse_fichiers{
	position:relative;
	float:left;
	width:75%;
}

div.presse_txt{
	position:relative;
	float:right;
	width:75%;
}



/***************************************************************/
/******************** CONTACT FORM ****************************/
/***************************************************************/

div.div_commander{
	font-size:12px;
	 float : left;
	margin-left : 5px;
	margin-right:30px;
	width:40%; 
	
}
div.div_large_commander{
	font-size:12px;
	 float : left;
	margin-left : 5px;
	width:100%; 
	
}

input.disabled {
	/**6C6C6F**/
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #6C6C6F;
}

input.nonrequired, textarea.nonrequired{
	border: 1px solid #6C6C6F;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/***************************************************************/
/******************** PANIER ****************************/
/***************************************************************/
div.imagette_frame{
	position:relative;
	float:left;
	top:4px;
	width:100% !important;
	width:685px;
}


div.imagette{
	float:left;
	position:relative;
	width:100%;
}

div.navig_haute{
	width: 660px;
	height:21px; 
	padding-top: 5px;
	padding-left: 2px;
}

div.navig_basse{
	font-size: 9px; 
	position: relative; 
	float:left; 
	left:0px;
	width:690px !important;
	width:670px;
	height:21px;
	top:25px; 
	text-align:right;
}



div.reperes_geo{
	position:relative; 
	float:left; 
	width:100%; 
	top:30px;
}

div.imagette_search{
	float:left;
	width:160px !important;
	width:154px;
	padding:0px;
	font-size:10px;
	font-family:Tahoma;
	margin:4px !important;
	margin:4px;
	position:relative;
	text-align:right;
	color:#000;
	border:0px solid red;
	height:135px;
	
}

div.imagette_search img{
	padding:0px;
	margin:0px;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

div.imagette_search a{
	text-decoration:none;
	color:black;
}

div.imagette_search a:hover{
	text-decoration:underline;
}

span.gauche{
	text-align:left;
	float:left;
}

span.droite{
	float:left;
	text-align:right;
}

span.droite img{
	display:inline;
	float:left;
	position:relative;
	margin-left:606px !important;
	margin-left:595px;
}

span.droited img{
	display:inline;
	float:left;
	position:relative;
}

span.centre{
	text-align:left;
	float:left;
	line-height:24px;
	height:30px;
	margin-right:10px;
}

div#action_panier{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	top:30px;
}

div.action_panier_pro{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	top:30px;
}

/***************************************************************/
/******************** VIGNETTES DE L INDEX ****************************/
/***************************************************************/
div.index_vignette{
	position:relative;
	float:left;
	width:152px;
	height:99px;
	margin:1px;
	
}

div.index_vignette_large{
	position:relative;
	float:left;
	width:306px;
	height:99px;
	margin:1px;
}

div.index_vignette_grande{
	position:relative;
	float:left;
	width:306px;
	height:301px;
	margin:1px;
}

div.index_vignette_panom{
	position:relative;
	float:left;
	width:460px;
	height:99px;
	margin:1px;
}

div.index_vignette_moyen{
	position:relative;
	float:left;
	width:306px;
	height:200px;
	margin:1px;
}

div.index_vignette_vertical{
	position:relative;
	float:left;
	width:152px;
	height:200px;
	margin:1px;
	/*margin-left:309px;*/ /* POUR ABSOLUTE */
}


/***************************************************************/
/******************** PAGE NOS SITES ****************************/
/***************************************************************/

div.sites_photoavi{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin-top:25px;
}
/***************************************************************/
/******************** ACCORDION FAQ ****************************/
/***************************************************************/

#list1 .title { font-weight:bold; font-size:12px;}
#list1, #list2 { width:640px; margin:auto; }
.title, .mytitle { 
	cursor:pointer; 
	border:1px solid #CCCCCC; 
	margin-top:1em; 
	padding:0.1em; 
}
.on  .mytitle { background-color:#C0C0C0; }
.off .mytitle { background-color:#E0E0E0; }
.content, .mycontent    { background-color:#F5F5F5; padding:0.1em; border:1px solid #C0C0C0; border-top-width:0; }


/***************************************************************/
/******************** PAGE DE AFFICHAGE PHOTO EN GRAND ****************************/
/***************************************************************/

div.photo_menu_navigation{
	padding-left:3px;
	height:90px;
}

div.photo_infos_bas{
	position:relative;
	float:left;
	width:98%;
	margin-top:10px !important;
	margin-top:0px;
	margin-left:3px;
}

div.photo_autres_sites{
	position:relative; 
	float:left;
	padding:0px;
	height:90px;
	width:138px; 
	margin-top:-3px;
	margin-left:5px;
	margin-right:5px;
}
div.photo_autres_sites img{
	margin:0px;
	width:138px;
	height:90px;
}


div.photo_liste_sites{
	width:170px;
	height:90px;
	margin:0px;
	margin-right:30px !important;
	margin-right:5px;
	position:relative;
	float:left;
}


div.photo_imagette_g img{
	padding:0px;
	margin:0px;
	
}

div.photo_imagette_d img{
	padding:0px;
	margin:0px;
	top:0px;
	width:140px;
	height:90px;
	margin-left:0px !important;
	margin-left:-120px;
	/**margin-left:-120px;**/
}

span.photo_titre_site{
	float: left; 
	text-align:left;
	display: block;
	width: 60% !important;
	width:98px;
	text-decoration:none;
	color:#4F8009;
	cursor:hand;
	font-size:10px;
}

span.photo_titre_site:hover{
	text-decoration:underline;
}

span.photo_nb_photos{
	font-size:10px;
	margin-left: 60% !important;
	margin-left: 98px;
	text-align:right;
	display: block;
	width:40% !important;
	width:60px; 
	text-decoration:none;
	color:#4F8009;
	cursor:hand;
}


/** MENU DEROULANT DANS L'IMAGE AVEC LA LISTE DES SITES INTERNET *desactivé à la demande de pascal le 12/02/08**/
/**div.photo_nossites{
	z-index:100;
	height:18px;
	width:150px;
	background:#FFF;
	position:relative;
	float:right;
	color:#444;
	padding:0px;
}

#menuDeroulant{
	width: 150px;
	height:18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li{
	float: left;
	list-style-type: none;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

#menuDeroulant .sousMenu{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited{
	display: block;
	height: 1%;
	color: #000;
	background: #FFF;
	margin: 0;
	padding: 4px 5px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#menuDeroulant li a:hover { background-color: #2B4AAD; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("/images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover{
	background-image: none;
	background-color: #2B4AAD;
}**/

/***************************************************************/
/******************** PAGE NOS SITES ****************************/
/***************************************************************/

div.sites_photoavi{
	position:relative;
	float:left;
	display:block;
	width:100%;
	margin-top:25px;
}

/***************************************************************/
/******************** PAGE DE RECHERCHE d'UNE PHOTO ****************************/
/***************************************************************/

div.carte{
	position:relative;
	float:left;
	width:500px;
}

div.recherche_form{
	position:relative;
	float:left;
	width:150px !important;
	width:137px;
	margin-left:5px !important;
	margin-left:3px;
	text-align:left;
}

div.recherche_form input{
	width:100px;
}

div.regions{
	width:150px;
	font-family:Arial;
	font-size:10px;
}

div.regions	a{
	color:#2B4AAD;
	text-decoration:none;
}

div.regions a:hover{
	text-decoration:underline;
}
/***************************************************************/
/******************** PAGES QUALITE DES PHOTOS ****************************/
/***************************************************************/

div.qualite_photo{
	width:100%;
	text-align:center;
	
}

div.qualite_photo_demi{
	width:50%; 
	position:relative; 
	float:left; 
	text-align:center;
	
}

div.qualite_photo_demi img{
	display:block; /*allows the element to take auto margins*/
	margin:0 auto; /*centers in compliant browsers*/
	text-align:center; /*centers in old versions of IE*/ 
}


/***************************************************************/
/******************** FOOTER ****************************/
/***************************************************************/
div#footer{
	position:relative;
	float:left;
	text-align:center;
	color:#000;
	width:100%;
	top:20px;
}

div#footer ul,li{
	list-style-type:disc;
	margin-left:25px;
}

div#footer a,span{
	text-decoration:none;	
	color:#000;
	text-align:center;
	font-family:Arial;
	font-size:10px;
}


div#footer a:hover{
	text-decoration:underline;
}

div#footer_trait{
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #808080;
	height:20px;
	top:20px;
	color:#FFF;
}

div#footer_txt{
	position:relative;
	float:left;
	width:100%;
}


/***************************************************************/
/********************END FOOTER ****************************/
/***************************************************************/


<!--[if lte IE 6]><style type="text/css">	
div#colonneC {
	overflow: visible;
	height: 1%;
}

body{
	overflow:visible;
}
</style><![endif]-->

<!--[if lte IE 6]><style type="text/css">
div#colonneG {
	margin-right: 7px;
}
div#colonneD {
	margin-left: 7px;
}	
div#colonneC {
	overflow: visible;
	height: 1%;
}
</style><![endif]-->

/***************************************************************/
/********************END 3 COLONNES ****************************/
/***************************************************************/