@charset "utf-8";
/* CSS Document */

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
}
html {
	background: #333333;
}
.c {
	clear:both;
}
img {
	border:0px;
}
span.image_gauche {
	margin : 0px 15px 5px 0px;
	padding : 0px 0px 0px 0px;
	float:left;
}
.left {
	float:left;
}
.right {
	float:left;
}
.tleft {
	text-align:left;
}
.tright {
	text-align:right;
}

/****************
Global 
****************/
#global_accueil {
	width: 100%;
	padding: 0 0 25px 0;
	text-align: center;
	background: #fff url(../images/fond-site-ombre.jpg) repeat-x;
}

/****************
Header 
****************/
#header {
	width: 900px; 
	height: 202px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/fond-site.jpg) repeat-x;

}
#logoformatic {
  display:block;
	padding:0 0 0 25px;
	float:left;
}
#logoformatic img {
	display:block;
}
#logooffice {
  text-align:center;
  display:block;
}
/****************
Menu principal
****************/
#nav {
  display:block;
  float:right;
	list-style: none ;
	padding: 63px 0 0 0 ;
	
}
#nav li {
	display: block ;
	color: #545454 ;
	float:left;
  background: url(../images/menu-gris.jpg) repeat-x ;
  margin-right: 1px ;

}
#nav li a {
  display: block ;
	color: #909090 ;
	font-family: Arial,sans-serif ;
	font-size:14px;
	padding:6px 10px;
	text-align: center ;
	text-decoration: none ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.active {
  background: url(../images/menu-vert.jpg) repeat-x ;
	color:#fff;
}			

/****************
Banniere 
****************/
#banner {
	width: 900px; 
	height: 111px;
	margin: 0 auto;
	text-align: left;
	font-size: 0px; 
	background: #fff url(../images/banniere.jpg) no-repeat left top;
}

/****************
Contenu 
****************/
#content {
	clear:both;
	width: 900px;
	background: #fff url(../images/ombre-banner.jpg) repeat-x ;
	margin: 0 auto;
	text-align:left;
	padding: 40px 0;
	min-height:300px;
}
.left_col {
	float:left;
	padding:0 15px 0 0;
	width:540px;
}
.right_col {
	float:right;
	width:320px;
}
.right_col2 {
	float:right;
	width:auto;
}
.no_col {
  width: 900px;
}
.left_col_acces {
	float:left;
	padding: 0 10px 0 0;
	width:450px;
}
.right_col_acces {
	float:right;
	width:390px;
}
.right_col_actualite, .right_col_formation {
	float:right;
	width:610px;
  padding:0 0 0 20px;
	border-left:1px dashed #cccccc;
}
.left_col_actualite, .left_col_formation {
	float:left;
	width:250px;
}
.description_left {
  float:left;
  width:400px;
}
.description_right {
  float:right;
  width:180px;
  border-left:1px dashed #cccccc;
  padding-left:10px;
}
.accueil_left{
  float:left;
  width:230px;
  height:170px;
  margin-top:10px;
  padding:10px 10px 10px 10px;
  border:1px solid #e4e4e4;
  background-color:#f7f7f7;
}
.accueil_right{
  float:right;
  width:230px;
  height:170px;
  margin-top:10px;  
  padding:10px 10px 10px 10px;  
  border:1px solid #e4e4e4;
  background-color:#f7f7f7;
}
.photosdroite {
  display:block;
  float:right;
  text-align:right;
}
/********* Page formation *********/
#formations {
  height:380px;
  width:310px;
	background: url(../images/fond-formations.jpg) no-repeat;
	padding:0 0 0 25px;
	float:right;
}
#formations address {
	margin-left:10px;
}
#formations-lien {
  	text-align:right;
  	padding: 7px 50px 0 0;
}
#formations h3.accueil {
	font-size:18px;
	height:25px;
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-weight:normal;
	padding: 35px 0 10px 10px;
}


#formations ul.table {
    list-style:none;
}
#formations ul.table li {
	display:block;
	float:left;
}
#formations ul.table li a{
	width:110px;
	display:block;
	float:left;
	font-size:11px;
	font-family:Arial, Georgia, serif;
	line-height: 12px;
	background: url(../images/fleche.gif) no-repeat;
	background-position: 10px 11px;
	padding:8px 0 8px 23px;
	margin-right:5px;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px solid #fff;	
	color:#333;
}
#formations ul.table li a:hover, ul.table li a:active, ul.table li a:focus {
	line-height: 12px;
	background: #eee url(../images/fleche.gif) no-repeat;
	background-position: 10px 11px;
}

a#lien_semaine_precedente {
	display:block;
	width:75px;
	height:16px;
	text-decoration:none;
	background:url('../images/fleche-precedente.gif') no-repeat;
}
a#lien_semaine_suivante {
	display:block;
	width:65px;
	height:16px;
	text-decoration:none;
	background:url('../images/fleche-suivante.gif') no-repeat;
}
a#lien_semaine_suivante:hover, a#lien_semaine_precedente:hover {
	background-position:0 -16px;
}
#titre_semaine_encours {
	width:470px;
	text-align:center;
	background:#ededed;
}
#titre_semaine_encours h4 {
	font-family:Trebuchet Ms, arial;
	color:#327337;
	
}
#titre_semaine_encours h4 span {
	color:#666;
	font-size:12px;
	font-style:italic;
}
span.titre_date {
	display:block;
	font-family:Arial, arial;
	color:#333;
	background:url('../images/calendrier-bleu.gif') no-repeat;
	background-position: 0 14px;
	padding: 10px 0 8px 23px;
}
h5 {
	font-family:Arial, arial;
	color:#327337;
}

/*** contenu general ***/
#content h1 {
  display:block;
	font-size:22px;
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-weight:normal;
	background: url(../images/double-fleche.jpg) no-repeat;
	padding: 0 0 15px 40px;
}
#content h1.soustitre {
	font-size:18px;
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-weight:normal;
	background: url(../images/fleche-simple.gif) no-repeat;
	background-position:0 4px;
	padding: 0 0 0 18px;
}
#content h2 {
  clear:both;
	font-size:18px;
	padding:0 0 20px 40px;
	font-family:Arial, Georgia, serif;
	color:#327337;
	font-weight:normal;
}
#content h3 {
	font-size:15px;
	padding:50px 0 10px 0;
	font-family:Arial, Georgia, serif;
	color:#327337;
	font-weight:bold;
}
#content h3.titre {
	font-size:15px;
	padding:10px 0 0 0;
	font-family:Arial, Georgia, serif;
	color:#327337;
	font-weight:bold;
}
#content h3.titre_formation {
	font-size:15px;
	padding:10px 0 0 23px;
	font-family:Arial, Georgia, serif;
	color:#327337;
	font-weight:bold;
	background:url('../images/calendrier-bleu.gif') no-repeat;
	background-position: 0 12px;
}
#content h3.titre_formation span {
	color:#777;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
}
#content h3.titre a, #content h3.titre_formation a{
  color:#327337;
  text-decoration:none;
}
#content h3.titre a:active, #content h3.titre a:hover, #content h3.titre a:focus, 
#content h3.titre_formation a:active, #content h3.titre_formation a:focus, #content h3.titre_formation a:hover {
  color:#55a75b;
  text-decoration:none;
}
.bloc_formation {
	border:1px solid #eee; 
	margin:5px 0 5px 0;
	padding:5px 10px 5px 10px;
}
.bloc_formation h4 {
	font-size:14px;
}
.bloc_formation h4 a {
	text-decoration:none;
	color:#327337;
	font-family:Arial, Georgia, serif;
}
.bloc_formation h4 a:hover, .bloc_formation h4 a:focus, .bloc_formation h4 a:active {
	color:#55a75b;
}
#content p {
	font-size:12px;
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-weight:normal;
	text-align:justify;
}
#content p.actu {
	font-size:12px;
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-weight:normal;
	text-align:justify;
}
#content p.formation_txt {
	padding-left:25px;
}
#content p.actu a, #content p.formation_txt a {
  color:#333333;
  text-decoration:none;
}
#content p.actu a:active, #content p.actu a:hover, #content p.actu a:focus,
#content p.formation_txt a:active, #content p.formation_txt  a:hover, #content p.formation_txt  a:focus {
  color:#757575;
}
#content strong {
	font-size:12px;
	/*padding:30px 0 0 0;*/
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-weight:bold;
	text-align:left;
}

#content address {
	font-size:12px;
	font-family:Arial, Georgia, serif;
	color:#333333;
	font-style:normal;
	text-align:left;
}
#content a.legales {
	font-size:12px;
	font-family:Arial, Georgia, serif;
	color:#327337;
	font-style:normal;
	text-align:left;
	text-decoration:underline;
}
#content a.legales:hover, a.legales:active, a.legales:focus {
	color:#333333;
}
#content a.lien_pdf {
	font-size:12px;
	line-height:20px;
	font-family:Arial, Georgia, serif;
	color:#327337;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding:0 0 10px 25px;
	background:url('../images/pdf-document.gif') no-repeat;
}
#content a.lien_pdf:hover, a.lien_pdf:active, a.lien_pdf:focus {
	color:#333333;
}

ul.liste_actu {
  list-style: none;
}
ul.liste_actu li  {
  display:block;
  width:230px;
  font-family:Arial, Georgia, serif;
  font-size:13px;
  font-weight:normal;
  text-align:left;
  color:#414141;
}
#content ul.puces {
	padding:0 0 0 15px;
}
#content ul.puces li {
  font-family:Arial, Georgia, serif;
  font-size:12px;
  color:#333;
}
#content ul.liste_actu li a {
  display:block;
  width:230px;
  text-decoration:none;
  color:#414141;
  background: #efefef url(../images/puce.gif) no-repeat;
  background-position:5px 7px;
  padding:5px 0 5px 20px;
  margin:0 0 1px 0;
  font-weight:bold;
}
#content ul.liste_actu li.active a, #content ul.liste_actu li a:hover, #content ul.liste_actu li a:focus, #content ul.liste_actu li a:active{

	font-weight:bold;
  background: #525252 url(../images/puce_grise.gif) no-repeat;
  color:#fff;
  background-position:5px 7px;
}
#content ul.description {
  list-style:none;
}
#content ul.description li {
  font-family:Arial, Georgia, serif;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  background: url(../images/puce.gif) no-repeat 0 2px;
  padding-left:15px;
}
a.liens {
	font-size:12px;
	line-height:12px;
	font-family:Arial, Georgia, serif;
	color:#2c6731;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}

a.liens:hover, a.liens:focus, a.liens:active {
	font-size:12px;
	font-family:Arial, Georgia, serif;
	color:#333;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
a.favoris {
	display:block;
	font-size:12px;
	line-height:12px;
	height:18px;
	font-family:Arial, Georgia, serif;
	color:#2c6731;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	background: url(../images/favoris.gif) no-repeat;
	padding:2px 0 5px 20px;
	margin:0;
}
a.favoris:hover, a.favoris:focus, a.favoris:active {
  color:#333;
}
a.liens_mail {
	display:block;
	font-size:12px;
	line-height:12px;
	height:18px;
	font-family:Arial, Georgia, serif;
	color:#2c6731;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	background: url(../images/mail.gif) no-repeat;
	padding:2px 0 5px 20px;
	margin:0;
}
a.liens_mail:hover, a.liens_mail:focus, a.liens_mail:active {
  color:#333;
}
a.retour {
	font-size:12px;
	line-height:12px;
	font-family:Arial, Georgia, serif;
	color:#2c6731;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	background: url(../images/retour.gif) no-repeat 0 3px;
	padding:0 0 0 20px;
}
a.retour:hover, a.retour:focus, a.retour:active {
  color:#333;
}
.col1 {
	width:220px;
	float:left;
	padding:15px 0 0 0;
}
.col2 {
	width:320px;
	float:right;
}
/**** formulaire de contact ******/

#formulaire { 
	width:420px;
}

#formulaire fieldset { 
	margin:5px 0; 
	clear:both; 
	border:0; 
}

#formulaire label { 
	float:left; 
	display:block; 
	text-align:right; 
	width:100px; 
	padding:6px 0 3px 0; 
	margin:0 3px 0 0; 
	font-family:Arial, Georgia, serif;
	font-size:11px; 
	color:#333; 
}

.contact_txt { 
	float:left; 
	display:block; 
	border:1px solid #ccc; 
	color:#000; 
	width:250px; 
	margin:3px 3px 0 1px; 
	padding:2px; 
	font-family:Arial, Georgia, serif;
	font-size:11px; 
}

.contact_btn { 
	float:left; 
	margin:3px 0 0 280px; 
	font-size:9px; 
	font-family:Arial, Georgia, serif;
	font-weight:bold; 
	color:fff;
}

#req_fields { 
	display:block; 
	color:#999; 
	font-style:normal; 
	width:150px; 
	margin:0 0 10px 265px; 
	font-family:Arial, Georgia, serif;
	font-size:10px; 
}

#status { 
	display:block; 
	color:#c00; 
	font-style:normal; 
	width:250px; 
	margin:15px 0 0 104px; 
	padding:3px 0 3px 6px; 
	font-family:Arial, Georgia, serif;
	font-size:11px; 
	background-color:#FCC; 
}


/**** fin formulaire de contact ******/

/****************
Footer 
****************/
#footer {
	width: 100%;
	text-align: center;
  height: 50px;
  background: url(../images/deg-footer.jpg) repeat-x;

}
#footer_content {
	width: 900px; 
	margin: 0 auto;
	padding:10px 0 0 0;
}
#footer_left {
	width:605px;
	float:left;
	text-align:left;
  color:#6a6a6a; 
}
#footer_right {
	width:295px;
	float:right;
	text-align:right;
	padding:3px 0 0 0;
}
#footer address, #footer p {
	font-size:11px;
	font-family:Arial, Georgia, serif;
	font-style:normal;
	color:#fff;
	padding:0 0 10px 0;
}
#footer a {
	font-size:11px;
	font-family:Arial, Georgia, serif;
	color:#6a6a6a;
	text-decoration:none;
}
#footer a:hover, a:focus, a:active {
	color:#fff;
}
#footer a.coordonnees {
	font-size:11px;
	font-family:Arial, Georgia, serif;
	color:#fff;
	text-decoration:none;
}
#footer a.coordonnees:active, #footer a.coordonnees:focus, #footer a.coordonnees:hover {
	font-size:11px;
	font-family:Arial, Georgia, serif;
	color:#fff;
	text-decoration:underline;
}
/************
Carte d'accs
************/

#map_container {
  width:450px;
	clear: both; 
	padding: 5px; 
	margin: 10px 0;
	background: #eee; 
}

#map {
	width: 450px; 
	height: 400px;
}

#map_directions {
	width: 390px;
	font-family:Arial, Georgia, serif;
	font-size:10px;
	color: #666;
}
fieldset { border:0; }

.map_depart { margin: 10px 0; }

.map_depart_txt { float:left; display:block; border:1px solid #ccc; width:250px; margin:20px 3px 0 1px; padding:2px; font-family:Arial, Georgia, serif;, Arial; font-size:11px; color:#000; }

.map_depart_label { float:left; display:block; text-align:left; padding:6px 0 3px 0; margin:0 3px 0 0; font-family:Arial, Georgia, serif;, Arial; font-size:12px; color:#333; }

.map_submit_btn { float:left; margin:20px 10px 0 0; font-size:9px; font-family:Arial, Georgia, serif; font-weight:bold; }

a.contour, img.contour {
  display:block;
  border:5px solid #eee;
  margin:0px;
  padding:0px;
  text-decoration:none;
}
a.contour:active, a.contour:hover, a.contour:focus {
	border:5px solid #327337; 
}
a.contour img{
  padding:0px;
  margin:0px;
  display:block;
  
}