/***************** STYLE GLOBAUX *****************/

a img{

	border:none;

}

a:active, a:focus{

	outline:none;

}

/***************** STYLE CONTENU *****************/

#contenu h1{

	font:bold 18px "trebuchet MS", Arial, Helvetica, sans-serif;

	color:#554931;

	margin:0 0 12px 0;

}

#contenu h2{

	font:bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;

	color:#231F14;

	margin:20px 0 7px;

}



#contenu h3{

	font:bold 12px "trebuchet MS", Arial, Helvetica, sans-serif;

	color:#4C442D;

	margin:0 0 7px;

}



#contenu p{

	font:11px/1.4em Arial, Helvetica, sans-serif;

	text-align:justify;

	color: #333333;

	margin-bottom:1.2em;

}



#contenu li{

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

	color: #333333;

	margin-left:15px;

	margin-bottom:2px;

	font-size:11px;

	list-style:circle;

}



#contenu p.couleur, span.couleur{

	font-weight:bold;

	color:#000;

}

#contenu a:link, #contenu a:visited{

	font-weight:bold;

	text-decoration:none;

	color:#847086;

	font:11px/1.2em Arial, Helvetica, sans-serif;

}

#contenu a:hover, #contenu a:active{

	color:#5C7B8E;

	text-decoration:none;

}



#contenu #contenu-texte{

	width:640px;

	margin:10px auto 10px auto;

}



#contenu #colgauche{

	width:280px;

	float:left;

}



#contenu #coldroite{

	width:280px;

	float:right;

}



/***************** STYLE FOOTER *****************/

#footer p{

font:bold 11px/30px "trebuchet MS", Arial, Helvetica, sans-serif;

color:#FFF;

text-align:right;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

font:normal 10px/30px Arial, Helvetica, sans-serif;

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:none;

color:#666363;

}



/********** STYLE contact ***********/



#contenu .ligne_form{

	width:100%;

	margin:8px 0 0 5px;

	clear:both;

	float:right;

}



#contenu #contact-formulaire p{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

}



#contenu .ligne_form label.coords{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#555;

	text-align:right;

	line-height:100%;

}



#contenu .ligne_form label{

	height:15px;

	float:right;

	

}



#contenu .bouton-radio{

	width:100%;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#555;

	text-align:right;

}



#contenu .bouton-radio label{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#555;

}



#contenu .bouton-radio input{

	margin-left:13px;

}



#contenu .labelradio{

	margin-left:5px;

}



#contenu .ligne_form input {

	font-size:11px;

	margin-left:10px;

	float:right;

	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



#contenu .ligne_form textarea {

	width:150px;

	height:30px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	float:right;

	margin-left:10px;

}



#contenu .ligne_form input , #contenu .ligne_form-projet textarea , #contenu .ligne_form-projet input , #contenu #capatcha-area input , #contenu .ligne_form textarea , #commentaires textarea , #contenu .ligne_form select {

	border:1px solid #5A4E34;

}

	

#contenu .ligne_form input:hover , #contenu .ligne_form-projet textarea:hover , #contenu .ligne_form-projet input:hover , #contenu #capatcha-area input:hover , #contenu .ligne_form textarea:hover , #contenu #commentaires textarea:hover , #contenu .ligne_form select:hover {

	border:1px solid #000;

}



#contenu #commentaires{

	width:100%;

	padding-top:10px;

	padding-bottom:20px;

}



#contenu #commentaires label.coords{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666;

	text-align:right;

	float:right;

}



#contenu #commentaires textarea{

	width:230px;

	height:60px;

	ffont-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	float:right;

	margin-left:10px;

}



#contenu .bouton_envoyer {

	border:1px solid #000;

	

	width:100px;

	font-weight:bold;

	font-size:12px;

	background:#5A4E34;

	color:#FFFFFF;

	float:left;

	margin-left:20px;

	cursor:pointer;

}



#contenu .bouton_envoyer:hover {

	color:#5A4E34;

	background:#DCD8CC;

	cursor:pointer;

}



#contenu .bouton_reset {

	border:1px solid #000;

	width:100px;

	font-weight:bold;

	font-size:12px;

	background:#5A4E34;

	color:#FFFFFF;

	float:left;

	cursor:pointer;

}



#contenu .bouton_reset:hover {

	color:#5A4E34;

	background:#DCD8CC;

	cursor:pointer;

}



#contenu #envoi-etoile{

	width:100%;

	margin-top:10px;

}



#contenu #bouton-envoi{

	float:right;

	padding:20px 0 20px 0;

}



#contenu .nota{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666;

	float:left;

	text-align:center;

	margin:20px 0 15px 0;

}



#contenu .nota2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666;

	float:left;

	text-align:center;

	padding-top:55px;

}



#contenu #capatcha-image{

	float:left;

	width:150px;

	padding-right:20px;

}



#contenu #capatcha-area{

	float:left;

	width:30px;

	line-height:50px;

}



#contenu #capatcha-area input{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



#capatcha{

	float:left;



}



#contenu #adresse-contact{

	float:left;

	width:230px;

	padding-top:15px;

}



#contenu #adresse-contact h3{

	text-align:center;

	padding:0 0 10px 40px;

	font-size:14px;

}



/********** STYLE plandusite ***********/



#contenu .plansite a:link, #contenu a:visited{

	font-weight:bold;

	text-decoration:none;

	color:#505050;

	font:14px/1.4em Arial, Helvetica, sans-serif;

}

#contenu .plansite a:hover, #contenu a:active{

	color:#666;

	text-decoration:none;

}





/********** STYLE atelier architecture ***********/



#contenu #diapo-marais, #contenu #diapo-wagram, #contenu #diapo-maison, #contenu #diapo-cornelius, #contenu #diapo-mamounia, #contenu #diapo-paris8 {

	width:600px;

	height:180px;

	margin:30px auto 10px auto;

	

}



#contenu #atelier-diapo{

	margin-top:60px;

}



#contenu .atelier-image{

	width:250px;

	float:left;

	padding:10px 30px 10px 30px;

}



#contenu .atelier-image a img{

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



#contenu .atelier-image a:hover img{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

}



#contenu .atelier-image p{

	text-align:center;

}



#contenu .bordure-separation{

	border-bottom:1px solid #936975;

	width:150px;

	margin:10px auto 30px auto;

	clear:both;	

}



/* -------------------------- 

	MODULE ACTUALITE 

--------------------------- */





/* -- STYLE GENERAUX --- */

#contenu {

	font-family:Arial;

	font-size:12px;

	line-height:15px;

}

#contenu h1.ideo_gbl_sans{

	margin:0px 0px 2px 0px;

}



/* --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:#555; 		/* -- 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;

}





/* -- STYLES SPECIFIQUES AU MODULE -- */

#contenu .ideo_act_wrapper {

	float:left;

	margin:15px 0;

	width:98%;

	border-bottom:1px dotted #ccc; 		/* -- Bordure bas du bloc actualite -- */

}

#contenu .ideo_act_wrapper .ideo_act_blocVisuel {

	float:left;

	height:130px;

	width:146px;

	background:url(../images/_testImages/nous-avons-aime/fond-vignette.gif) no-repeat left top;	

	margin-right:10px;

	padding:16px 0 0 0;

	text-align:center;

}

#contenu .ideo_act_wrapper .ideo_act_blocVisuel img {

	margin:0 5px 0 0;

}

#contenu .ideo_act_wrapper .ideo_act_blocTexte{

	float:left;

	width:290px;

}

#contenu .ideo_act_wrapper .ideo_act_titre{

	font-size:1.2em;

	font-variant:small-caps;

	font-weight:bold;

}

#contenu .ideo_act_wrapper .ideo_act_date {

	font-weight:bold;

	color:#6B8B89;			/* -- Couleur de la date -- */

	font-size:0.9em;

	font-style:italic;

	}



/* -------------------------- 

	FIN MODULE ACTUALITE 

----------------------------- */









/* -------------------------- 

	MODULE GALERIE PHOTO 

--------------------------- */



/* -- STYLE GENERAUX --- */

#contenu {

	font-family:Arial;

	font-size:12px;

	line-height:15px;

}



#contenu .ideo_gbl_sans{

margin:0px 0px 2px;		/* -- Enleve la marge au H1 (classe inutile si pas de rubrique) -- */

}





/* -- 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:#555;				/* -- 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:#555; 		/* -- 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/_testImages/galerie/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

----------------------------- */





/* --------styles vos interlocuteurs----------- */





#contenu a:link.bt-caracteristiques , #contenu a:visited.bt-caracteristiques{

	width:100%;

	float:left;

	background:url(../images/integration/vos-interlocuteurs/fleche.gif) no-repeat top left;

	padding-left:30px;

	color:#660033;

	font-size:12px;

	margin-bottom:5px;

	cursor:pointer;

}



#contenu a:hover.bt-caracteristiques{

	background:url(../images/integration/vos-interlocuteurs/fleche-survol.gif) no-repeat top left;

	color:#8b838a;

}



#contenu .div-deroulante{

	margin:5px 0 5px 30px;

}



#contenu a img.img-interlocuteurs{

	margin:10px 0 10px 15px;

	border:1px solid #4C442D;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

} 



#contenu a:hover img.img-interlocuteurs{

	filter: alpha(opacity=80);

	-moz-opacity: 0.80; opacity:0.80;

} 



#contenu a.retour-hautdepage{

	float:right;

	margin:20px 0 20px 0;

}



/* --------styles accueil ----------- */



#contenu #accueil-diapo{

	width:600px;

	height:200px;

	border:1px solid #4C442D;

	margin:20px auto 20px auto;

}



#contenu h1.titre-accueil{

	text-align:center;

	padding-top:30px;

}





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



#contenu #visionneuse{

	float:left;

	width:100%;

}



#contenu #vignettes{

	float:left;

	width:120px;

	height:400px;

	margin-right:10px;

	border:1px solid #1F1B12;

}



#contenu #vignettes a:link , #contenu #vignettes a:visited , #contenu #vignettes a:hover{

	display:block;

	width:100px;

	height:80px;

	margin-bottom:10px;

	border:1px solid #1F1B12;

	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;

	border:1px solid #1F1B12;

	

}



#contenu p.description-architecture{

	margin:20px 0 30px 0;

	font-size:13px;

}