/* 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";
/* STYLE CONTENU */

#texte h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	line-height:30px;
	height:30px;
	text-align:right;
	color:#666666;
	margin:45px 35px 20px 40px;
}
#texte h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	line-height:30px;
	height:30px;
	text-align:left;
	color:#384090;
	margin:10px 0 10px 0;
}
#texte a:link, #texte a:visited {
	font-weight:bold;
	text-decoration:none;
	color: #384090;
}
#texte a:hover, #texte a:active {
	font-weight:bold;
	text-decoration:underline;
	color: #384090;
}
#texte p{
	margin:10px 0;
}

#texte .maj{
	/*text-transform:uppercase;*/
	color:#7F6E61;
	font-weight:bold;
	font-size:14px;
}

#texte .maj2{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

#texte .codep{
	text-transform:uppercase;
	/*color:#7F6E61;*/
	color:#EF8750;
	font-weight:bold;
	font-size:12px;
}

#texte .adel{
	text-transform:uppercase;
	color:#009146;
	font-weight:bold;
	font-size:12px;
}

#texte ul li{
	margin:10px 0 10px 55px;
	list-style:url(../images/charte/puceul.jpg);
	color:#7F6E61;
	font-weight:bold;
}



/*---------------- STYLE page accueil presentation -------------------*/

#accueil{
	margin-top:55px;
	/*border:1px solid red;*/
}
#accueil img{
	float:right;
	margin-left:10px;
}

#texte #accueil p{
	width:300px;
	line-height:19px;
	/*border:1px solid red;*/
	margin:20px 0;
}





/*---------------- STYLE page notre société soeur -------------------*/

#soeur{
	margin-top:35px;
	/*border:1px solid red;*/
}
#soeur img{
	float:right;
	margin-left:10px;
}

#texte #soeur p{
	width:280px;
	margin-top:50px;
	font-size:15px;
	color:#999999;
	border-bottom:1px dashed #7F6E61;
	padding-bottom:10px;
	letter-spacing:5px;
}
#texte #soeur p.codepdesc{
	margin-top:25px;
	border:0;
	letter-spacing:0px;
	line-height:25px;
}

#texte #soeur .adel{
	font-size:17px;
}
#texte #soeur .codep{
	font-size:17px;
}





/*---------------- STYLE page nos compétences -------------------*/

#competences{

}

#texte #competences p{
	margin:15px 0;
	line-height:15px;
}

#competences .photos{
	width:650px;
	margin-top:25px;
}

#competences .photos a img{
	float:left;
	margin-right:20px;
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#competences .photos a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}






/*---------------- STYLE page nos références -------------------*/

#references p{
	font-size:13px;
	letter-spacing:2px;
	line-height:18px;
}

#texte #references ul{
	float:left;
	width:250px;
}

#references .imagereference{
	float:left;
	height:300px;
	/*border:1px solid red;*/
}
#texte #references .imagereference p{
	font-size:11px;
}

#references a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
	margin-top:15px;
}
#references a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}






/*---------------- STYLE page Notre savoir faire -------------------*/

.gauche-savoir{
	float:left;
	width:200px;
	margin-left:100px;
}
.gauche-savoir a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.gauche-savoir a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}

.separe, .separe2, .separe3 {
	float:left;
	width:1px;
	margin-right:30px;
	height:705px;
	border-right:1px solid grey;
}
.separe2{
	height:350px;
}
.separe3{
	height:530px;
}

.droite-savoir{
	float:left;
	width:250px;
}
.droite-savoir a img{
	border:0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.droite-savoir a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
}



/*--------------------------- STYLE DE LA PAGE CONTACT----------------------- */

#contactPlan{
	width:200px;
	float:left;
	margin-left:30px;
	/*border:1px solid red;*/
}
#contactPlan p{
	margin:10px 0 10px 0;
}

#contactPlan img{
	border:0;
	float:left;
	margin-right:5px;
}

#contactPlan .coordonnees{
	float:left;
	width:190px;
	/*border:1px solid red;*/
}


#contactLoi{
	width:240px;
	float:left;
	margin-left:30px;
	/*border:1px solid red;*/
	font-size:11px;
	margin-top:20px;
}



#contactForm{
	width:350px;
	float:left;
	/*border:1px solid red;*/
}
#contactForm p{
	margin:10px 0 10px 0;
}


#formContact p{
	width: 170px;
	clear: left;
	margin: 0;
	padding: 4px 0 4px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 0.5%;
	font-weight:lighter;
	/*border:1px solid red;*/
}

#formContact label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#formContact input[type="text"]{ 
	width: 180px;
	border-color:#004796;
	margin-left:-20px;
}
*html #formContact .inputtext{
	width: 180px;
	border-color:#004796;
	margin-left:-20px;
}

#formContact select{ 
	width: 180px;
	border-color:#004796;
	margin-left:-20px;
}

#formContact textarea{
	width: 180px;
	margin-left:-20px;
	height: 50px;
	border-color:#004796;
}
#formContact input:focus{
	border-color:#0099CC;
}
#formContact textarea:focus{
	border-color:#0099CC;
}

#formContact .bouton{
	width:90px;
	border:1px solid #000;
	font-size:12px;
	border-color:#004796;
	background-color:#FFFFFF;
}
*html #formContact .boutons{
	margin-left: 138px;
}

#formContact .boutons{
	margin-left: 135px;
}

.champRequis{
	color:#FF0000;
}

*html .threepxfix{
	margin-left: 3px;
}