/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/* ---------------------------- Generale ------------------------------ */

#contenuTexte h1{
	margin: 0 0 5px 0;
	font-family:"Trebuchet MS", Arial;
	font-size:16px;
	text-align:left;
	color:#f7b700;
	border-bottom:1px solid #e9722e;
	font-weight: bold;
}

#contenuTexte h2{
	margin:10px 0 5px 0;
	font-family:"Trebuchet MS", Arial;
		font-weight: bold;
	font-size:16px;
	text-align:left;
	color:#e9722e;
	border-bottom:1px solid #e9722e;
}

#contenuTexte h3{
	margin:10px 0 5px 0;
	font-family:"Trebuchet MS", Arial;
	font-weight: bold;
	font-size:14px;
	text-align:left;
	color:#e9722e;
}

h6{
line-height:20px;
clear:both;
border-bottom: solid 1px #E8732E;
margin-bottom:20px;
}


#contenuTexte li{
list-style-type:square;
margin-left:20px;
line-height:25px;
font-size:small;
}

#contenuTexte p{
	padding-bottom:5px;
	font-size:12px;
	text-align:justify;
}
#contenuTexte a:link, #contenu a:visited{
	color: #f7b700;
	text-decoration:underline;
}
#contenuTexte a:hover, #contenu a:active{
	color:#FFF;
	text-decoration:none;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#e9722e;
}

.bordure_img{
border: solid 1px #E8732E;
padding:4px;
}

.bordure_img_gallerie{
margin:5px 5px 4px 4px;
border: solid 1px #E8732E;
padding:4px;
}

.bordure_img_left{
border: solid 1px #E8732E;
float:left;
margin:0px 5px 5px 0px;
}

.bordure_img_right{
border: solid 1px #E8732E;
float:right;
margin:0px 0px 15px 5px;
}

/* ---------------------------- Carte ------------------------------ */



.col_droite{
float:right; 
width:208px; 
margin-top:20px; 
}

.carte_centre_300
{
width:380px;
margin:20px 0px 20px 10px;
}

.angle_haut
{
background:url(../images/charte/angle_haut.jpg) left top no-repeat;
}
.angle_bas
{
background:url(../images/charte/angle_bas.jpg) right bottom no-repeat;
padding:20px;
}



/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}




/* -------------------------- 
	MODULE GALERIE PHOTO 
--------------------------- */

/* -- STYLE GENERAUX --- */
#contenu {
	font-family:Arial;
	font-size:12px;
	line-height:15px;
}




#contenuTexte a:link, #contenu a:visited {
	color:#F7B700;
	text-decoration:underline;
}

#contenuTexte a:link img, #contenu a:visited img {
	text-decoration:none;
	border:1px solid #F7B700;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenuTexte a:hover img{
	text-decoration:none;
	border:1px solid #F7B700;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80
}


/* -- MENU -- */
#contenu #ideo_inc_menu {
	padding:0 0 20px 2px;
	width:99%;
	float:left;
	text-align:left;
}
#contenu #ideo_inc_menu ul {
	list-style-image:none;
	margin:0;
	padding:0;
}
#contenu #ideo_inc_menu li {
	display:inline;
	font-size:0.9em;
	list-style-image:none;
	background:none;
	margin:0; 
	padding:0;
}
#contenu #ideo_inc_menu li.selection a:link, #contenu #ideo_inc_menu li.selection a:visited{
	color:#ff6600;				/* -- Couleur de la rubrique courante  (prendre la couleur de la classe .couleur par exemple)-- */
	text-decoration:underline;
}

/* --PAGINATION -- */
#contenu #ideo_inc_pagination {
	margin:20px auto;
	width:100%;
	text-align:center;
}
#contenu #ideo_inc_pagination span{
	font-size:1em;
	text-align:center;
}
#contenu #ideo_inc_pagination p{
	text-align:center;
	color:#ff6600; 		/* -- Couleur du numero de la page courante (prendre la couleur de la classe .couleur par exemple) -- */
	margin:0;
}
#contenu #ideo_inc_pagination label{
	font-size:0.9em;
}
	
	
	
	
#contenu .ideo_gph_wrapper{
	float:left;
	height:146px;
	width:146px;
	margin:5px 5px 0 0;
}
#contenu .ideo_gph_wrapper .ideo_gph_blocVisuel {
	height:130px;
	width:146px;
	background:url(../images/photos01/fond-vignette.gif) no-repeat left top;
	padding:16px 0 0 0;
	text-align:center;
	margin:0;
}
#contenu .ideo_gph_wrapper .ideo_gph_blocVisuel img {
	margin:0 5px 0 0;
}


/* -------------------------- 
	FIN MODULE GALERIE PHOTO
----------------------------- */