/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#041848;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#041848;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
font-style:normal;
color:#333;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#148507;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #444;
}
#contenu a:hover, #contenu a:active{
color:#148507;
}
/************************************************/
#middle{
height:160px;
width:725px;
display:block;
}
#middle #news{
height:125px;
width:480px;
display:block;
float:left;
padding:30px 0 0 0 ;
background:url(../images/charte/bg-news.gif) left top no-repeat;
}
#middle #news #in{
height:105px;
width:230px;
display:block;
float:left;
padding:0px 5px 0 5px;
font:11px/14px Arial, Helvetica, sans-serif;
color:#666666;
text-align:justify;
overflow:auto ;

}
#middle #news #in span{
font-size:14px;
font-weight:bold;
color:#041848;
}

#middle #news #in a{
text-decoration:none;
}
#middle #zoom{
height:110px;
width:240px;
float:left;
padding:35px 0 0 0 ;
background:url(../images/charte/bg-zoom.gif) left top no-repeat;
}
#middle #zoom #inda{
font:11px/13px Arial, Helvetica, sans-serif;
color:#666;
text-align:justify;
padding:0 10px 0 5px;
height:100px;
overflow:auto;

}
#middle #zoom span{
font:bold 14px/13px Arial, Helvetica, sans-serif;
color:#148507;
text-align:justify;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px Arial, Helvetica, sans-serif;
color:#090230;
text-align:right;
letter-spacing:1px;
padding:15px 15px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#090230;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#666;
}

/***************** STYLE Fiche *****************/


.fiche{
float: right;
background-image:url(../images/charte/bg_fiche.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:347px;
border:1px solid #3f811b;
margin-right:20px;
}

#contenu .fiche .designation_fiche{
float: right;
width:320px;
border-bottom:1px dotted #000033;
height:40px;
overflow:hidden;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
color:#000033;
margin-top:20px;
text-align:right;
margin-right:10px;
}

#contenu .fiche .type_fiche5{
float: right;
width:320px;
height:30px;
overflow:hidden;
font-family:"Trebuchet MS";
font-size:11px;
font-weight:bold;
color:#3b751a;
margin-top:0px;
text-align:right;
margin-right:10px;
}

#contenu .fiche .type_fiche{
float: right;
width:320px;
border-bottom:1px dotted #000033;
height:30px;
overflow:hidden;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
color:#3b751a;
margin-top:0px;
text-align:right;
margin-right:10px;
}

#contenu .fiche p{
width:320px;
font-family:"Trebuchet MS";
font-size:11px;
color:#000;
margin-left:15px;
}
#glabal {
	width:300px;
	float: left;
}
#img_ficheglobal {
	width:264px;
	float: left;
	height:162px;
	margin:0 auto;
	text-align:center;
	margin-left:30px;
}
.image_fiche{
background-image: url(../images/charte/bg_image.jpg);
background-repeat:no-repeat;
/*width:264px;
height:162px;*/
border:1px solid #3f811b;
/*text-align:center;
margin-left:30px;
margin-bottom:10px;*/
padding:5px;

}
.image_fiche img{
	/*border:1px solid #3f811b;*/
}
.fiche2{
float: right;
background-image:url(../images/charte/bg_fiche.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:680px;
border:1px solid #3f811b;
margin-right:20px;
}

#contenu .fiche2 .designation_fiche2{
float: right;
width:360px;
border-bottom:1px dotted #000033;
height:40px;
overflow:hidden;
font-family:"Trebuchet MS";
font-size:14px;
font-weight:bold;
color:#000033;
margin-top:20px;
text-align:right;
margin-right:10px;
}

#contenu .fiche2 .type_fiche2{
float: right;
width:360px;
border-bottom:1px dotted #000033;
height:30px;
overflow:hidden;
font-family:"Trebuchet MS";
font-size:12px;
font-weight:bold;
color:#3b751a;
margin-top:0px;
text-align:right;
margin-right:10px;
}

#contenu .fiche2 p{
font-family:"Trebuchet MS";
font-size:11px;
color:#000;
margin-left:15px;
padding-right:7px;
}


.image_fiche-news{
float: left;
background-image: url(../images/charte/bg_image.jpg);
background-repeat:no-repeat;
width:264px;
height:162px;
border:1px solid #3f811b;
text-align:center;
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

.image_fiche3{
float: left;
width:250px;
height:169px;
border:1px solid #3f811b;
margin-left:30px;
margin-bottom:10px;
text-align:center;
}


.image_fiche2{
float: left;
position:relative;
display:block;
width:264px;
height:250px;
overflow:auto;
margin-left:30px;
}

#contenu .image_fiche2 .tit_type{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
border-bottom:1px dotted #0c0a41;
}


/***************** STYLE listing *****************/



.listing{
float:left;
background-image:url(../images/charte/bg_listing.jpg);
background-repeat:no-repeat;
background-color:#cccdcd;
width:470px;
margin-left:110px;
margin-top:20px;
}



#contenu .listing .tit_listing{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#000000;
margin-left:10px;
margin-top:10px;
}


#contenu .listing p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#000000;
margin-left:10px;
margin-right:10px;
}

.ref{
float:right;
margin-right:10px;
margin-bottom:10px;
}

/***************** STYLE groupe *****************/

.liste_groupe{
float:left;
width:180px; 
border-right:1px dotted #000066;
padding-right:10px;
}


#contenu .liste_groupe .tit_groupe{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
font-style:italic;
color:#448e1b;
margin-left:0px;
margin-top:10px;
border:none;
}

#contenu .liste_groupe p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
border-bottom:1px dotted #000066;
padding-bottom:10px;
}

.liste_groupe2{
float:left;
width:195px; 
border-right:1px dotted #000066;
padding-right:5px;
margin-left:5px;
}

.liste_groupe3{
float:right;
width:290px; 
padding-right:10px;
margin-left:5px;
}
#contenu .liste_groupe2 .tit_groupe2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:italic;
color:#000066;
margin-left:0px;
margin-top:10px;
border:none;
}

/***************** STYLE CONTACT *****************/
#formulaire{
float:left;
width:100px;
margin-left:0px;
margin-top:0px;
margin-bottom:20px;


}

#container #contenu #contact_fomulaire {
float:left;
width:100px;
margin-left:0px;
margin-top:0px;
}
#contact_prop {
	width:150px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:10px;
	color: #250200;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:190px;
	border:1px solid  #000066;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .text4{
	width:150px;
	border:1px solid #red;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}



#contenu #formContact  input, #contenu #formContact .text2{
	width:190px;
	border:1px solid  #000066;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  select, #contenu #formContact .text3{
	width:190px;
	border:1px solid  #000066;
	font-size:11px;
	color: #0099CC;
	background-color: #CCCCCC;
}


#contenu #formContact .autre{
	width:100px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact input:focus, #contenu #formContact textarea:focus{
	border:1px solid #cda731 ;
}
#contenu #formContact .champRequis{
	color: #250200;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact .bouton {
	border:1px solid  #000066;
	font-size:11px;
	color: #000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
	font-weight:bold;
	text-align:center;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #cda731 ;
}

#contenu #formContact  .capa{
	width:130px;
	border:1px solid  #000066;
	font-size:12px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #cda731 ;
}

#contenu .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
margin-bottom:10px;
margin-top:20px;
width:300px;

}

#contenu .txt_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
margin-bottom:10px;
margin-top:20px;
width:300px;

}

.contact_droite{
float:right;
width:300px;
height:500px;
margin-right:20px;
border-left:1px dotted #000099;
}

#contenu .contact_droite p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:center;
}

#contenu .contact_droite .tit_contact{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #009900;
text-align:center;
}
#contenu .contact_droite .tel_fax-contact{
text-align: justify;
margin-left:80px;
}

#pagination{
	width:540px;
	height:41px;
	float:left;
	text-align:center;
	margin-top:20px;
	margin-left:70px;
	margin-bottom:20px;
}


 #pagination p{
 text-align:center;
 margin-top:5px;
 color:#0000FF;
 font-family:Arial, Helvetica, sans-serif;
 margin-top:10px;
 font-size:11px;

}



 .prev{
	float:left;
	width:123px;
	height:35px;
	margin-left:10px;
	margin-top:0px;
	
}
 .next{
	float:right;
	width:123px;
	height:35px;
	margin-right:0px;

}

.image_fiche-ref{
float:left;
margin-left:70px;
margin-bottom:20px;
}

/* --------styles nouvelles rubriques images ----------- */

#contenu #visionneuse{
	float:left;
	width:100%;
	height:360px;
}

#contenu #vignettes{
	float:right;
	width:120px;
	height:350px;
	margin-right:10px;
	visibility:visible;
	
}

#contenu #vignettes a:link , #contenu #vignettes a:visited , #contenu #vignettes a:hover{
	display:block;
	width:100px;
	height:80px;
	margin-bottom:10px;
	
	float:left;
}

#contenu #vignettes a img{
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#contenu #vignettes a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#contenu #grande-image{
	float:left;
	width:500px;
	height:400px;
	text-align:center;
	vertical-align:middle;
	
}	


#contenu p.description-architecture{
	margin:20px 0 30px 0;
	font-size:13px;
}