/* 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 */
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#768ca3;
text-transform:uppercase;
height:50px;


}
h2{
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#768ca3;
margin:10px 0px 5px 0;
}
a:link, a:visited{
	font-weight:bold;
	text-decoration:none;
	color:#768ca3;
}
a:hover, a:active{
	font-weight:bold;
	text-decoration:underline;
	color:#768ca3;
}



/* index */
#texte2 .remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#4B6AA4;

}
#texte .remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#4B6AA4;

}
.encart_acc{
float:left;
width:212px;
margin-top:15px;
margin-left:10px;}


.image_acc{
float:left;
margin-left:px;
width:240px;
margin-top:15px;
margin-bottom:20px;
}

.remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
font-weight:bold;

}

/* galerie */

.image_galerie{
float:left;
width:202px;
background-image:url(../images/charte/bg_presse3.jpg);
background-repeat:no-repeat;
margin-left:25px;
margin-bottom:15px;

}

.image_galerie img{
float:left;
margin-left:6px;
margin-top:4px;
margin-bottom:8px;
border:1px solid #fff;
}

.image_galerie .titre_galerie{
float:left;
width:160px;
height:20px;
text-align:left;
line-height:15px;
margin-left:38px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
color:#FFFFFF;
font-weight:bold;
}

/* formation */

#texte2 .formation{
float:left;
width:480px;
background-image:url(../images/charte/bg_formation.jpg);
background-repeat:no-repeat;
margin-left:0px;
margin-bottom:20px;
}

.formation .image_formation{
margin-top:5px;
margin-left:10px;
float:left;
margin-bottom:5px;
border:1px solid #fff;

}

.formation .designation{
float:left;
width:430px;
margin-left:40px;
margin-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#5272A4;
}

 #texte2 .formation .date{
float:left;
width:300px;
margin-left:7px;
margin-bottom:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#5272A4;
font-weight:bold;

}

 #texte2 .formation .descriptif{
float:left;
width:300px;

margin-left:7px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;

}

 #texte2 .formation .lien{
float:left;
width:210px;
margin-left:160px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
border:none;

}

#texte2 .formation .lien2{
float:left ;
width:100px;
margin-left:7px;
text-align:left;
margin-right:5px;
margin-bottom:10px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;

}

/*----------------presse-------------- */

.presse{
float:left;
width:233px;
background-image:url(../images/charte/bg_presse.jpg);
background-repeat:no-repeat;
margin-left:0px;
margin-bottom:10px;
margin-left:5px;
}


.presse .titre{
float:left;
width:170px;
margin-left:40px;
margin-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#5272A4;
text-align:left;
}

.presse img{
float:left;
margin-left:60px;
}


#texte2 .presse .lien2{
float:left;
width:200px;
margin-left:15px;
text-align:center;
margin-right:5px;
margin-bottom:10px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}


/*----------------mon_titre-------------- */

#texte2 .txt_protrait{
float:left;
width:235px;
margin-right:5px;
text-align:justify;
}

.img_protrait{
float:left;
margin-bottom:10px;
margin-left:0px;
}

#galerie22 {
	margin-top:20px;
	width:483px;
	height:115px;
	margin-bottom:50px;

}

#defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
}

#defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
}

 #flowcut {
  width:423px;
  overflow: hidden;
  position: relative;
}

 #flow{
  position: relative;
}
  
  
 .vign{
  float: left;
  margin-right :10px;
  width:142px;
  border:1px solid #4B6AA4;
}

/*----------------contact-------------- */
 
 #formulaire{
float:left;
width:300px;
margin-bottom:10px;
margin-top:10px;

}


#formulaire img{
margin-bottom:10px;

}
#formulaire label{

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#4B6AA4;
text-align:justify;
}

 #formulaire .b{
width:200px;
background-color:#C4D0DD;
color:#5272A4;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #5272A4;
}
 #formulaire .capca{
width:200px;
background-color:#C4D0DD;
color:#5272A4;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #5272A4;
}

#formulaire input:focus{

background-color:#C4D0DD;
color:#5272A4;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #5272A4;
}
.textarea{
width:200px;
background-color:#C4D0DD;
color:#5272A4;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #5272A4;
}

#formulaire textarea:focus{
background-color:#C4D0DD;
color:#5272A4;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #5272A4;
}
#coordonne{
width:150px;
float:right;
margin-top:20px;
margin-right:0px;

}

#coordonne img {
margin-bottom:10px;


}



#plan{
float:right;
width:150px;
margin-top:15px;
margin-right:0px;
}

#formulaire .bouton_form{
width:100px;
background-color:#C4D0DD;
color:#5272A4;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #5272A4;
}
#coordonne p{
margin-top:5px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#5272A4;

}
#formulaire p{
font:Arial, Helvetica, sans-serif;
color:#5272A4;
text-align:justify;
font-size:11px;
margin-bottom:15px;
}
#txt td{
vertical-align:center !important;}

input, textarea {
margin-bottom:3px !important;
}

 #loi {
	width:450px;
	float:left;
	margin-top:0px;
	margin-left:10px;	

}

#loi p {
	font-size:10px;
	color:#5272A4;
	text-align:justify;

}



#txt_merci p{
text-align:center;

}
#txt_merci{
float:left;
width:300px;
margin-left:200px;
margin-top:20px;

}

#bouton_merci {
float:left;
width:100px;
margin-top:20px;
margin-left:50px;

}

.couleur{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0000;
}

#plan_site{
float:left;
width:200px;
margin-left:160px;

}