/*
Feuilles de style contenant le positionnement des blocs principaux du site.
*/

/* COULEURS : 
BLEU : #8b8b8b
GRIS : #707070;
*/

body {
  margin:0;
  padding:0;
  background:#ffffff;	
}

a img
{
	border:none;
}

#frontoffice {
  font-size:80%;font-family:arial,sans-serif;
	/*font-family: verdana,helvetica,arial,sans-serif;  */
	background: #ffffff;
  color: #707070;
  width:100%;
  margin:0;
}

#backoffice {
  font-size:80%;font-family:arial,sans-serif;
	/*font-family: verdana,helvetica,arial,sans-serif;  */
	background: #ffffff;
	color: #707070;
	min-height:887px;
}

/*----------------------*/
/* Backoffice - TOP     */
/*----------------------*/

#header-b {
  width: 937px;
  margin: 0 auto;  
  text-align: left; 
  padding-top:10px;
  padding-top:10px; 
}

#header-b a {
  color:#707070;
  text-decoration:underline;
  }

#header-b a:hover {
  color:#707070;
  text-decoration:underline;
  font-weight:normal;
  }

#header-b-gauche {
  width: 50%; 
  float:left;
  padding-top:10px;
  font-size:24px;
  color:#ff9900; 
}

#header-b-droite {
  width: 50%;
  text-align:right;
  float:right;
  padding-top:10px;
  margin-bottom:15px;
  }

#page-b {
  width: 937px;
  margin: 0 auto;  
  text-align: left;
  clear:left;
  padding-top:15px;
}

#page-b h2 {
    font-size: 16px;
    text-align:center;
}

#page-b h3 {
    font-size: 14px;
    text-align:center;
}

#pagebackoffice-menu {
  height:30px;
  width: 937px;
  float:left;
  background-color:#ff9900;
  font-size: 30px;
  color:white;
  font-weight:bold;
  border-top: 10px solid #ff9900;
  border-left: 10px solid #ff9900;
  border-right: 10px solid #ff9900;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

#pagebackoffice-menu-bloc1 {
  height:30px;
  width: 50px;
  float:left;
  background:url(../images/mario.png) no-repeat top left;
  text-align:center;
  display:block; 
}

#pagebackoffice-menu-bloc {
  height:24px;
  width: auto;
  float:left;
  background-color:#ff9900;
  text-align:center;
  display:block;
  padding-top:6px;
  font-size: 14px;
  padding-left: 10px;
  padding-right:10px;
  margin-left:10px;
  margin-right:10px;
  -webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

#pagebackoffice-menu-bloc:hover {
  background-color:#707070;
}

#pagebackoffice-menu-bloc a {
color:white;
text-decoration:none;
}

#pagebackoffice-menu-bloc a:hover {
color:white;
text-decoration:none;
}

.user-logo {
  background:url(../images/user-login.png) no-repeat top left;
  padding-left:20px;
}

/*----------------------*/
/* Backoffice - CONTENU */
/*----------------------*/

#pagebackoffice {
  min-height:600px;
  width: 907px;
  padding: 15px;  
  margin-bottom:15px;
  float:left;
  background-color:#ffffff;
  border: 10px solid #ff9900;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#pagebackoffice a{
  color:#707070;
  text-decoration:none;
}

#pagebackoffice a:hover{
  color:#707070;
  text-decoration:underline;
}

/* List design */
#pagebackoffice h2 {
  font-size: 16px;
  color: #ff9900;
  font-weight: bold;
  margin:0px; 
  padding-bottom:10px; 	 
}

#pagebackoffice h3 {
  font-size: 13px;
  color: #ff9900;
  font-weight: bold;
  margin:0px; 
  padding-bottom:10px; 	 
}

#liste-upload {
  text-align: left;
}

#liste-upload li {
  text-align:left;
  font-size: 12px;
  font-weight:bold;
  color: #707070;
  line-height:20px;
  margin-left:50px;
  display : list-item;
  list-style-image : url(../images/upload.png);
}

#liste-ajout-page {
  text-align: left;
}

#liste-ajout-page li {
  text-align:left;
  font-size: 12px;
  font-weight:bold;
  color: #707070;
  line-height:20px;
  margin-left:50px;
  display : list-item;
  list-style-image : url(../images/ajouter.png);
}

#liste {
  text-align: left;
}

#liste table {
border-collapse: collapse;
width: 95%;
margin: 0 auto; 
}

#liste th {
padding: 5px;
background-color: #ff9900;
color:white;
font-size:12px;
font-weight:bold;
}

#liste td {
padding: 5px;
border-top: 1px dotted #707070;
}

td.souscat {
background: #e5e4e4;
}

td.soussouscat {
background: #eeeeee;
}

td.homepage {
background: #fdfeb7; 
}

td.souscat1 {
 background: #eeeeee;
 }

#liste-send {
  text-align: left;
}

#liste-send li {
  text-align:left;
  font-size: 12px;
  font-weight:bold;
  color: #707070;
  line-height:20px;
  margin-left:50px;
  display : list-item;
  list-style-image : url(../images/send.png);
}

/* Edit Design */
#formulaire {
  text-align: left;
}

#formulaire table {
border: 1px solid #ff9900;
border-collapse: collapse;
width: 90%;
margin: 0 auto;
}
#formulaire th {
width: 350%;
padding: 10px;
}
#formulaire td {
width: 65%;
padding: 10px;
}


#back3 li {
  text-align:left;
  font-size: 12px;
  font-weight:bold;
  color: #707070;
  line-height:20px;
  margin-left: 50px;
  display : list-item;
  list-style-image : url(../images/fleche-retour.png);
}

.violet {
color:#ff9900;
font-weight:bold;
}


/* User design */ 

/*-------------------------------------*/
/*                FRONT                */
/*-------------------------------------*/




/*-------------------------------------*/
/*                HEADER               */
/*-------------------------------------*/




#pre-header {
  width:100%;
  height:40px;
  text-align: left; 
  background:url(../images/pre-header.png) repeat top left;
}

#pre-header-1 {
  width: 950px;
  height:40px;
  margin: 0 auto;
}

#pre-header-titre {
  width:750px;
  height:36px;
  float:left;
  
  font-size:12px;
  font-weight:normal;
  color:#ffffff;
  margin-top:4px;
}

#pre-header-titre h1 {
  font-size:12px;
  font-weight:normal;
  color:#ffffff;
  margin:0;
  padding:0;
}

#pre-header-social {
  width:40px;
  height:40px;
  float:left;

}

#pre-header-social a img {
  margin:0;
  padding:0;
}



#pre-header-2 {
  width:100%;
  height:85px;
  text-align: left; 
  background:url(../images/pre-header-2.png) repeat-x bottom left

}

#header {
  width: 950px;
  margin: 0 auto;
}



#header-logo-1 {
  width: 500px;
  height:85px;
  margin-left:15px;
  background:url(../images/logo.png) no-repeat top left;
  /*background:url(../images/logo-neige.png) no-repeat top left;*/
 float:left;
}

#header-logo-2 {
  width: 205px;
    height:85px;
   float:left;
}

#header-logo-3 {
  width: 220px;
    height:73px;
   float:left;
   text-align:right;
   padding-top:5px;
  background:url(../images/adresse-gris.png) #e8e8e8 no-repeat top left;
  margin-top:5px;
  padding-right:10px;   
}

#header-logo-3 a {
  color:#707070;
  
}


#pre-header-3 {
  width:100%;
  height:44px;
  text-align: left; 
  background:#ff9900; 
  margin: 0 auto;
}


#header-menu {
  
}

#header-menu-1 {
  width: 720px; 
  text-align: left;
  float:left;

}

#header-menu-2 {
  width: 220px;
  height:30px;
  text-align: right;
  float:left;
  color:#ffffff;
  padding-top: 14px;
	line-height: 100%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
	background:#e89212;
}

#header-menu-2 a {
  color:#ffffff;
  text-decoration:none;
}




/*-------------------------------------*/
/*                 MENU                */
/*-------------------------------------*/



#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 100%;
	background: #ff9900; /* for non-css3 browsers */
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
	background:url(../images/menu-fleche.png) no-repeat center right;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding:  8px 23px;
	margin: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size:14px;
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	color: #ffffff;
  background:url(../images/blanc.png) repeat-x bottom left;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #ffffff;

}


#nav ul a:hover {
	background: #ffffff;
	color: #ffffff;
  -webkit-border-radius: 0;
	-moz-border-radius: 0;
	font-weight:bold;
}
/* level 2 list */
#nav ul {
	background: #ff9900; /* for non-css3 browsers */
	color: #ffffff;
	display: none;
	margin: 0;
	padding: 0;
	/*width: 185px;*/
	width: 255px;
	position: absolute;
	top: 35px;
	left: 0;
	/*border: solid 1px #ff9900;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; */
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	z-index:100;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	background: #ff9900;
	color:#ffffff;
}

#nav ul a {
		font-weight:normal;
	 
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}

#header-banniere {
  width: 950px;
  height : 50px; 
  margin: 0 auto;  
  text-align: center;
  clear:left; 
  /*margin-top:10px;
  margin-bottom:10px;*/ 
}



/*-------------------------------------*/
/*                PAGE               */
/*-------------------------------------*/


#pre-page {
  width:100%;
  height:auto;
  text-align: left; 
  background:url(../images/page.png) #ffffff repeat-x top left;
}


#page {
  width: 950px;
  min-height : 500px;
  margin: 0 auto;  
  text-align: left; 
  margin-top:0;
  margin-bottom:15px;
  clear:left; 
}


/*-------------------------------------*/
/*                DROITE HOME               */
/*-------------------------------------*/

#page-droite-home {
  width:703px;
  float:left;
  background:#ff9900;
}

#page-droite-home-top {
  width:703px;
  height:203px;
  float:left;
  margin:0;
  background:#ff9900;
}

.images {
	position:relative;
	float:left;	
	cursor:pointer;
  background:#ff9900;
}

#slide {
background:url(../images/pre-header-3.png) #ff9900 repeat-x bottom left;
width: 680px;
height: 203px;
float:left;
display:none;
position:absolute;
top:0;
left:0;
padding-top:14px;
padding-left:40px;

}


#slide-gauche {
width:430px;
float:left;
color:#ffffff;
font-size:16px;
}

#slide-gauche h3 {
  font-size:26px;
  color:#ffffff;
  font-weight:normal;
  margin:0;
  padding:0;
}

#slide-gauche a {
  color:#ffffff;
  font-size:18px;
  text-decoration:none;
  font-weight:bold;  
}

#slide-gauche a:hover {
  color:#ff9900;
  font-size:18px;
  text-decoration:none;
  font-weight:bold;   
}

#bouton-home-1 {
background:url(../images/bouton-home.png) no-repeat top left;
width:152px;    /* 176-1 */
height:38px;    /* 48-20*/
color:#ffffff;
margin-left:15px;
margin-top:25px;
float:left; 
padding-top:10px;
padding-left:40px;
}

#bouton-home-1:hover {
color:#ff9900;
}

#bouton-home-2 {
background:url(../images/bouton-home.png) no-repeat top left;
width:152px;    /* 176-25 */
height:38px;    /* 48-20*/
color:#ffffff;
margin-left:15px;
margin-top:25px;
float:left; 
padding-top:10px;
padding-left:35px;
}

#bouton-home-2:hover {
color:#ff9900;
}

#slide-droit {
width:211px;
float:left;
}

#page-droite-home-bottom {
  width:703px;
  float:left;
  background:#ffffff;
  padding-top:20px;
  padding-left:25px;
}

#gauche-actualites {
width:322px;
float:left;
margin-left:20px;
}

#gauche-actualites-2 {
width:322px;
float:left;
margin-left:20px;
}

#gauche-agenda-haut {
  background:url(../images/main-agenda-haut.png) no-repeat top left;
  width:322px;
  height:60px;
}

#gauche-agenda-haut h2 {
  color:#707070;
  font-size:18px;
  font-weight:normal;
  padding-top:10px;
  padding-left:70px;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#gauche-actualites-haut {
  background:url(../images/main-actualites-haut.png) no-repeat top left;
  width:322px;
  height:60px;
}

#gauche-actualites-haut h2 {
  color:#707070;
  font-size:18px;
  font-weight:normal;
  padding-top:10px;
  padding-left:80px;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#gauche-agenda-contenu-1 {
  width:148px;
  height:150px;
  float:left;
  /*display:block;*/
}

#gauche-agenda-contenu-2 {
  width:148px;
  height:150px;
  float:left;
  /*display:block;*/
}

#haut-home-2 {
  background:url(../images/haut-home-2.png) no-repeat top left;
  width:322px;
  height:40px;
}

#haut-home-2 h2 {
  color:#707070;
  font-size:18px;
  font-weight:normal;
  padding-top:10px;
  padding-left:25px;
  	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#milieu-home-formation {
  background:url(../images/formation-home.png) no-repeat top left;
  width:322px;
  height:221px;
  margin:0;
  padding:0;
}

#milieu-home-prestation {
  background:url(../images/prestation-home.png) no-repeat top left;
  width:322px;
  height:221px;
    margin:0;
    padding:0;
}

#gauche-agenda-contenu {
  margin:0 auto;
  border-left:1px solid #ff9900;
  border-right:1px solid #ff9900;
  text-align:justify;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  }

#yoda-home {
margin-top:15px;
width:322px;
height:151px;
background:url(../images/yoda-home.png) no-repeat top left;
  padding-top:50px;
  padding-left:180px;
}

#yoda-home a {
  color:#707070;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}

#yoda-home a:hover {
  color:#ff9900;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}
  
#gauche-agenda-contenu h3 {
 margin-top:0px;
 margin-left:5px;
 background:url(../images/check.png) no-repeat top left;
 color:#707070;
 font-size:14px;
 font-weight:bold;
 padding-left:30px;
 padding-top:15px;
}

#gauche-agenda-contenu h4 {
 color:#ff9900;
 font-size:12px;
 font-weight:bold;
 margin:0;
}

#gauche-agenda-contenu h4 a {
  color:#ff9900;
 font-size:12px;
 font-weight:bold;
 text-decoration:underline;
 margin:0;
}

.fleche {

}

/*-------------------------------------*/
/*                DROITE               */
/*-------------------------------------*/

#page-droite {
  width:703px;
  float:left;
  background:#ffffff;
}


#page-droite-texte {
  width: 683px; /* 703px - 10px -10 px padding-left&right */
  min-height : 500px; 
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  text-align: justify;
  /*float:left;*/
  clear:left; 
	color:#707070;
  background: url(../images/top-orange.png) no-repeat top left;
}

#page-droite-texte-2 {
  width: 683px; /* 703px - 10px -10 px padding-left&right */ 
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  text-align: justify;
  clear:left; 
	color:#707070;
}

#arianne {
width: 689px;
display:block;
margin-top:2px;
}

#arianne a {
text-decoration:none;
}
#arianne a:hover {
text-decoration:underline;
}

#googleplus1 {
float:right;
display:inline;
padding:0;
}

#devis_icone {
  width:400px;
  text-align:center;
  color:white;
	font-weight:bold;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  background: url(../images/devis-2.png) #ff9900 no-repeat center left;
  border: 1px solid #707070;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);	
}

#page-droite-texte #devis_icone:hover {
  background: url(../images/devis-2.png) #ffffff no-repeat center left;
  color:#ff9900;
}

#page-droite-texte #devis_icone:hover a{
  background:#ffffff;
  color:#ff9900;
}

#page-droite-texte #devis_icone a {
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}



#mail_rond {
  width:500px;
  text-align:center;
  color:white;
	font-weight:bold;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  background: url(../images/mail-2.png) #ff9900 no-repeat center left;
  border: 1px solid #707070;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);	
}

#page-droite-texte #mail_rond:hover {
  background: url(../images/mail-2.png) #ffffff no-repeat center left;
  color:#ff9900;
}

#page-droite-texte #mail_rond:hover a{
  background:#ffffff;
  color:#ff9900;
}

#page-droite-texte #mail_rond a {
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}




#devis_rond {
  width:auto;
  text-align:center;
  color:white;
	font-weight:bold;
  margin:0 auto;
  padding-left:45px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  background: url(../images/contact-2.png) #ff9900 no-repeat center left;
  border: 1px solid #707070;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);	
}

#page-droite-texte #devis_rond:hover {
  background: url(../images/contact-2.png) #ffffff no-repeat center left;
  color:#ff9900;
}

#page-droite-texte #devis_rond:hover a{
  background:#ffffff;
  color:#ff9900;
}

#page-droite-texte #devis_rond a {
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}


#contact_rond {
  width:auto;
  text-align:center;
  color:white;
	font-weight:bold;
  margin:0 auto;
  padding-left:41px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  background: url(../images/contact-2.png) #ff9900 no-repeat center left;
  border: 1px solid #707070;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);	
}

#page-droite-texte #contact_rond:hover {
  background: url(../images/contact-2.png) #ffffff no-repeat center left;
  color:#ff9900;
}

#page-droite-texte #contact_rond:hover a{
  background:#ffffff;
  color:#ff9900;
}

#page-droite-texte #contact_rond a {
  color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#banniere {
 text-align:center;
  color:#ff9900;
	font-weight:bold;
  margin:0 auto;
  padding-left:20px;
  padding-right:20px;
  padding-top:5px;
  padding-bottom:5px;
  background: #ffffff;
  border: 1px solid #ff9900;
  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
  margin-bottom:10px;	 
}

#trait {
  width:100%;
  height:6px;
  border-top:3px solid #ff9900;
  margin-top:5px;
  }

#page-droite-texte #banniere a {
  color:#ff9900;
  font-weight:bold;
  text-decoration:none;
}

#page-droite-texte-gauche-contact {
  width:383px;
  float:left;

}

#page-droite-texte-droite-contact {
  width:300px;
  float:left;
}
  
#page-droite-texte li {
  font-size: 12px;
  color: #707070;
  line-height:18px;
  margin-left:10px;
  padding-left: 0px; 
  /*background:url(../images/li.gif) no-repeat center left;*/
  display : list-item;
  list-style-image : url(../images/li.png);
  margin-right: 20px !important; /* pris en compte par Firefox */
  margin-right: 10px; /* pris en compte par Ie */
  text-align: justify;
}

#page-droite-texte li a, #page-droite-texte a{
  color: #707070;
  font-weight:normal;
  /*text-decoration:underline;*/
}

#page-droite-texte li a:hover, #page-droite-texte a:hover{
  color: #707070;
  font-weight:normal;
  text-decoration:underline;
}

#page-droite-texte h1 {
  font-size:26px;
  color:#ff9900;
  font-weight:normal;
}

#page-droite-texte h2{
 line-height:140%;
 font-size:20px;
 color:#707070; 
 font-weight:normal;
 padding-top:5px;
 border-top:3px solid #ff9900;
}

#page-droite-texte .first {
 color:#707070; 
line-height:130%;
font-size:20px;
 font-weight:normal;
 padding:0;
 border:0;
}
#page-droite-texte .formualire-contact {
  color:#ff9900;
  text-decoration:none;
  padding-bottom:5px;
}

#page-droite-texte h3{
font-size:14px;
 color:#ff9900;
 font-weight:bold;
 text-decoration:underline;
}

#page-droite-texte table{
 border: 0;
 border-collapse: collapse;
 width: 100%;
 margin: 0 auto;  
}

#chapo {
  font-weight:bold;
}

/*-------------------------------------*/
/*                FORMATION            */
/*-------------------------------------*/

#formation-gauche {
 float:left;
 width:468px;
 margin-right:15px;
}

.gris {
  background:#efefee;
  line-height:25px;
}

.torange {
  background:#ff9900;
  line-height:25px;
  color:#ffffff;
}

.blanc {
  background:#ffffff;
    line-height:25px;
}

.gris-inscription {
  background:url(../images/catalogue.png) #efefee no-repeat center left;
  /*padding-left:28px;*/
  line-height:25px;
}

.gris-inscription a {
  padding-left:30px;
  }

#mail_icone {
  background:url(../images/mail-2.png) no-repeat center left;
  padding-left:50px;
  line-height:25px;
}

#mail_icone a {
  color:#707070;
  text-decoration:undeline;
  font-weight:normal;
}

#mail_icone a:hover {
  color:#ff9900;
  text-decoration:undeline;
  font-weight:normal;
}

.blanc-inscription {
  background:url(../images/catalogue.png) #ffffff no-repeat center left;
  /*padding-left:28px;*/
  line-height:25px;
}

.blanc-inscription a {
  padding-left:30px;
}

#formation-droite {
 float:left;
 width:200px;
}

#formation-orange {
  color:#ff9900;
  font-weight:bold;
}

#formation-devis {
  background:url(../images/formation-devis.png) no-repeat top left;
  padding-top:10px;
  padding-left:66px;
  margin-top:6px;
      height:45px;
}

#formation-inscription {
  background:url(../images/formation-inscription.png) no-repeat top left;
  padding-top:10px;
  padding-left:66px;
    margin-top:5px;
    margin-bottom:3px;
    height:45px;
}

#formation-intra {
  background:url(../images/formation-intra.png) no-repeat top left;
  padding-top:0px;
  padding-left:66px;
  margin-top:5px;
  margin-bottom:8px;
  height:50px;
  text-align:left;
}

#formation-devis a, #formation-inscription a, #formation-intra a {
  font-weight:bold;
  text-decoration:none;
}

#formation-devis a:hover, #formation-inscription a:hover, #formation-intra a:hover {
  font-weight:bold;
  text-decoration:none;
  color:#ff9900;
}

/*-------------------------------------*/
/*     REFERENCEMENT ETAPE;            */
/*-------------------------------------*/

#gauche-etape-bloc1 {
background:url(../images/etape-precedente.png) no-repeat top right;
width:132px;
height:65px;
float:left;
}

#gauche-etape-bloc2 {
width:400px;
height:40px;
float:left;
text-align:center;
font-weight:bold;
font-size:14px;
margin-top:25px;
}

#gauche-etape-bloc3 {
background:url(../images/etape-suivante.png) no-repeat top left;
width:132px;
height:65px;
float:left;
}

#gauche-etape-bloc4 {
  float:left;
  width:447px;
  margin-top:20px;
  margin-right:20px;
}

#gauche-etape-bloc5 {
  float:left;
  width:170px;    /*216 - 46 */
  height:300px;
  margin-top:20px;
  background:url(../images/yoda-referencement.png) no-repeat top left;
  padding-top:20px;
  padding-left:26px;
  padding-right:20px;
}

/*-------------------------------------*/
/*                GAUCHE               */
/*-------------------------------------*/


#page-gauche {  
  width: 230px;
  text-align: left;
  float:left; 
	color:#707070;
	/*margin-bottom:15px;*/
	float:left;
	margin-left:17px;
	background:#e8e8e8;
}

#page-gauche-actu {
  width:230px;
  height:217px;
  background:url(../images/pre-header-3.png) #e89212 repeat-x bottom left;
}

#titreactu {
     color:#ffffff;
     font-size:12px;
     /*font-weight:bold;*/
     text-align:left;
     padding-left:10px;
     padding-top:3px;
}

#titreactu a {
     color:#ffffff;
     font-size:12px;
     font-weight:normal;
     text-align:left;
     text-decoration:normal;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

#resumeactu {
    color:#ffffff;
     font-size:12px;
     font-weight:normal;
     text-align:left;
     padding-left:10px;
}

#titreactu-2 {
     color:#ffffff;
     font-size:14px;
     font-weight:bold;
     text-align:right;
     padding-right:10px;
     padding-top:15px;
     text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
     margin-bottom:0px;
}

.images2 {
	position:relative;
	float:left;	
	cursor:pointer;
}

#slide-image {
background:url(../images/bloc-blanc.png) no-repeat center left;
width: 230px;
height: 70px;
float:left;
display:none;
position:absolute;
top:0;
left:0;
padding-top:14px;
padding-left:20px;
}

#page-gauche-tmp {

}

#page-gauche-bouton {
width:230px;
padding-left:2px;
padding-right:2px;
}

#page-gauche-bloc-1 {
width:226px;
height:70px;
margin-top:10px;
margin-bottom:10px;
background:url(../images/bloc-orange-1.png) no-repeat center left;
}

#page-gauche-bloc-2 {
width:226px;
height:70px;
margin-top:10px;
margin-bottom:10px;
background:url(../images/bloc-orange-2.png) no-repeat center left;
}

#page-gauche-bloc-temoignage-1 {
width:226px;
height:70px;
margin-top:10px;
background:url(../images/bloc-orange-temoignage-1-bis.png) no-repeat center left;
}

#page-gauche-bloc-temoignage-2 {
width:226px;
height:125px;
margin-bottom:10px;
background:url(../images/bloc-orange-temoignage-2.png) no-repeat center left;
}

#page-gauche-bloc-3 {
width:226px;
height:70px;
margin-top:10px;
margin-bottom:10px;
background:url(../images/bloc-orange-3.png) no-repeat center left;
}

#page-gauche-bloc-temoignage-1-bis {
width:226px;
height:70px;
margin-top:10px;
background:url(../images/bloc-orange-temoignage-1.png) no-repeat center left;
}

#page-gauche-bloc-4 {
width:226px;
height:70px;
margin-top:10px;
margin-bottom:10px;
background:url(../images/bloc-orange-4.png) no-repeat center left;
}

#bloc-texte {
padding-top:10px;
padding-left:80px;
color:white;
font-size:18px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
text-decoration:none;
}

#bloc-texte:hover {
color:#3b3b3b;
font-size:18px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
text-decoration:normal;
}

#page-gauche-bouton a {
text-decoration:none;
} 

#bloc-texte-t {
padding-top:10px;
padding-left:80px;
color:white;
font-size:18px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
text-decoration:none;
}

#bloc-texte-t a:hover {
color:#3b3b3b;
font-size:18px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
text-decoration:normal;
}

#bloc-texte-t a {
color:white;
font-size:18px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
text-decoration:none;
}

#bloc-texte-temoignage {
font-size:12px;
padding-left:28px;
padding-right:20px;
color:#ffffff;
text-align:justify;
}

#page-gauche-bas-gris {
  width:230px;
  height:16px;
  background:url(../images/page-gauche-bas-gris.png) #e89212 repeat-x bottom left;
}

#page-gauche-big-li {
  background:#ffffff;
  padding-top:10px;
}

#bloc-texte-big-li {
  height:30px;
  width:230px;
  background:url(../images/big-li.png) no-repeat center left;
  padding-left:45px;
  padding-top:15px;
  color:#ff9900;
  font-size:14px;
  font-weight:bold;
}

#page-gauche-big-li-2 {
  background:#ffffff;
  padding-bottom:25px;
}

#page-gauche-big-li-2 li {
  font-size: 12px;
  color: #707070;
  line-height:18px;
  margin-left:10px;
  padding-left: 0px; 
  /*background:url(../images/li.gif) no-repeat center left;*/
  display : list-item;
  list-style-image : url(../images/li.png);
  margin-right: 20px !important; /* pris en compte par Firefox */
  margin-right: 10px; /* pris en compte par Ie */
  text-align: justify;
}

#page-gauche-big-li-2 li a, #page-gauche-big-li-2 a{
  color: #707070;
  font-weight:normal;
  /*text-decoration:underline;*/
}

#page-gauche-big-li-2 li a:hover, #page-gauche-big-li-2 a:hover{
  color: #707070;
  font-weight:normal;
  text-decoration:underline;
}




/*------------------------------------------------------*/
/*                CLASSES SPECIAL DROITE               */
/*------------------------------------------------------*/



#devis {
   background:url(../images/devis.png) no-repeat center left;
   padding-left:40px;
   line-height:25px;
   margin-top:3px;
   margin-bottom:3px;
} 
  
#contact {
   background:url(../images/contact.png) no-repeat center left;
   padding-left:40px;
   line-height:25px;
   margin-top:3px;
   margin-bottom:3px;
   }

#catalogue {
   background:url(../images/catalogue.png) no-repeat center left;
   padding-left:40px;
   line-height:25px;
   margin-top:3px;
   margin-bottom:3px;
   }

#catalogue a:hover {
  color:#ff9900;
}
   
#retourfront {
   background:url(../images/retourfront.png) no-repeat center left;
   padding-left:30px;
   line-height:25px;
   margin-top:3px;
   margin-bottom:3px;
   }
   
#bouton {
  background: #707070;
  margin:0 auto; 
  margin-top:10px;
  margin-bottom:10px;
  display: inline-block;
	padding: 6px 40px 7px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	/*position: relative;   */
	cursor: pointer;
}

#bouton:hover {
	background: #8b8b8b;
}

#bouton a {
   color: #ffffff;
   text-decoration:none;
}

#bouton a:hover {
   color: #ffffff;
   text-decoration:none;
}


/*-------------------------------------*/
/*                RECRUTEMENT          */
/*-------------------------------------*/



#liste-recrutement {
  text-align: left;
}

#liste-recrutement table {
border-collapse: collapse;
width: 95%;
margin: 0 auto; 
}

#liste-recrutement table th {
  padding: 5px;
  background-color: #707070;
  color:white;
  font-size:12px;
  font-weight:bold;
}

#liste-recrutement table td {
  padding: 5px;
  border-top: 1px dotted #707070;
}



/*-------------------------------------*/
/*                OFFRE EMPLOI         */
/*-------------------------------------*/



#offre{
  text-align: left;
  margin-top:10px;
}

#offre table {
width: 100%;
margin: 0 auto;
}
#offre th {
width: 25%;
padding: 10px;
vertical-align:top;
border-bottom: 1px solid #ececec;
}
#offre td {
width: 75%;
padding: 10px;
border-bottom: 1px solid #ececec; 
}

#tableauretour{
  text-align: left;
  margin-top:10px;
}

#tableauretour table {
width: 100%;
margin: 0 auto;
}
#tableauretour th {
width: 25%;
padding: 10px;
vertical-align:top;
border-bottom: 0;
}
#tableauretour td {
width: 75%;
padding: 10px;
border-bottom: 0; 
}



/*-------------------------------------*/
/*          NEWSLETTER / LOGIN         */
/*-------------------------------------*/



#page-droite-texte-formulaire table {
  width:60%;
  margin: 0 auto;
  margin-top:50px;
}

#page-droite-texte-formulaire table th {
width: 30%;
padding-top: 5px;
padding-bottom: 5px;

}
#page-droite-texte-formulaire table td {
width: 70%;
padding-top: 5px;
padding-bottom: 5px;
}


/*-------------------------------------*/
/*                MERCI               */
/*-------------------------------------*/



#retourfront2 {
   background:url(../images/retourfront.png) no-repeat center left;
   padding-left:30px;
   line-height:25px;
   display:block;
   width:100px;
   margin:0 auto;
   /*margin-top:3px;
   margin-bottom:3px; */
   }



/*-------------------------------------*/
/*                DEVIS               */
/*-------------------------------------*/



#page-droite-texte-devis-1 {
  width:440px;
  float:left;
  text-align:left; 
}

#page-droite-texte-devis-1 th, #page-droite-texte-devis-1 th {
 padding-top: 7px;
 padding-bottom: 7px;
 text-align:left;
}

#page-droite-texte-devis-2 { 
  width:200px;
  text-align:left;
  float:left;
  margin-right:5px;
  padding-left:15px; 
  line-height:150%;
  border-left: 1px dotted #707070;
}

#page-droite-texte-devis-3 {
  clear:left;
  margin-bottom:15px;
}

#devisfleche {
  background:url(../images/devisfleche.png) no-repeat top left;
  font-size:14px;
  font-weight:bold;
  color:#ff9900;
  /*text-shadow: 0 1px 1px rgba(0, 0, 0, .3); */
  padding-left:18px;
}



/*-------------------------------------*/
/*                FOOTER               */
/*-------------------------------------*/



#footer {
  width: 100%; 
  text-align: left;
  clear:left;
  color:#ffffff;
  background:url(../images/pre-header-2.png) #3b3b3b repeat-x top left;
  margin: 0 auto;
}

#footer-texte {
  width: 930px;
  margin: 0 auto; 
  text-align: left;
  padding:10px;
  font-size:10px;
}

#footer-texte-bloc {
  width: 170px;
  margin-left:15px;
  float:left;
  display:inline-block;
  text-align:left;
  margin-bottom:16px;
}

#footer-texte-bloc h3, #footer-texte-bloc h3 a{
  font-size:14px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  /*font-weight:bold;*/  
}

#footer-texte-bloc li {
  text-align:left;
  font-size: 10px;
  font-weight:normal;
  color: #ffffff;
  line-height:200%;
  margin-left:0;
  display : list;
  list-style-type: none;
  border-top: 1px solid #686868;
  
}

#footer-texte a, #footer-bottom a  {
  font-size:10px;
  text-decoration:none;
  color:#ffffff;
}

#footer-texte a:hover, #footer-bottom a:hover,{
  font-size:10px;
  text-decoration:underline;
}

#footer-bottom {
  clear:left;
  width: 877px;
  margin: 0 auto; 
  text-align: center;
  margin-top:15px;
  padding-bottom:15px;
  font-size:10px;
  border-top: 1px solid #686868;
}


/*-------------------------------------*/
/*                DATE FORMATION       */
/*-------------------------------------*/

#tableaudate ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #ff9900;*/
	/*border-left: 1px solid #999; */
	width: 100%;
	padding:0;
	margin:0;
}
#tableaudate ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 27px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 27px; /*--Vertically aligns the text within the tab--*/
	/*border: 1px solid #ff9900;*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #ffffff;
}

#tableaudate ul.tabs li a {
	text-decoration: none;
	color: #ff9900;
	display: block;
	font-size: 1.2em;
	padding: 0 20px; 
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	font-weight:bold;
}
#tableaudate ul.tabs li a:hover {
	background: #efefee;
}
html #tableaudate ul.tabs li.active, html #tableaudate ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #efefee;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #ff9900;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
		margin-bottom:7px;
}
.tab_content {
	padding: 0px;
	font-size: 1em; 
}

.tab_content table tr td {
  padding-left:5px;
}