/*=======================================CSS=====
	Feuille de style
	Site : 
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#49494b;
  text-align:center;
  background:url(../medias/bg-general.png) repeat-x top left #eceded;
}
table, td, p, div{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:justify;
  margin:0;
  padding:0;
}
a:link, a:hover, a:visited, a:active{
	text-decoration:none;
    color:#49494b;
}
a:hover{
	text-decoration:underline;
}
img{
	margin:0;
	padding:0;
	border:0;
}
a:hover img{
	text-decoration:none;
}
ul, li{
	margin:0;
    padding:0;
}

#over{
	background:#333;
    color:#fff;
    height:16px;
	padding:2px 0;
    width:auto;
}

#conteneur{
 	width:940px;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
}
 
#entete{
 	width:940px;	/*init 940*/
	height:254px;	/* init 254*/
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
    background:url(../medias/bg-entete.jpg) no-repeat top left;
}

h1#logo, span#logo{
	width:135px;
    padding: 143px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:143px;
	z-index:5;
	position:absolute;
	top:60px;
	left:15px;
}

h2#expertise{
	width:174px;
    padding: 24px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-expertise.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:24px;
	z-index:5;
}
h2#recrutement{
	width:230px;
    padding: 21px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-recrutement.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:21px;
	z-index:5;
}
h2#partenaire{
	width:187px;
    padding: 25px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-partenaire.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:25px;
	z-index:5;
}
h2#franchising{
	width:359px;
    padding: 25px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-franchising.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:25px;
	z-index:5;
}
h2#rezoph{
	width:144px;
    padding: 20px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-rezo.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:20px;
	z-index:5;
}

h2#recrut{
	width:150px;
    padding: 20px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-recrut.png) no-repeat top left;
	
    height: 0px !important;
    height /**/:20px;
	z-index:5;
}
h2#contact{
	width:91px;
    padding: 21px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-contact.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:21px;
	z-index:5;
}
h2#inaug{
	width:357px;
    padding: 25px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-inaug.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:25px;
	z-index:5;
}


h2#rejoignez-nous{
	width:177px;
    padding: 24px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-rejoignez-nous.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:24px;
	z-index:5;
}
h2#vente{
	width:150px;
    padding: 19px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-vente.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:19px;
	z-index:5;
}

h2#developpement{
	width:328px;
    padding: 52px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-developpement.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:52px;
	z-index:5;
}

h2#domaines{
	width:309px;
    padding: 19px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-domaines.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:19px;
	z-index:5;
}
h2#candidature{
	width:140px;
    padding: 21px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-candidature.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:21px;
	z-index:5;
}

h2#objectif{
	width:153px;
    padding: 24px 0 0 0;
	margin:5px 0 25px 0;
    overflow: hidden;
    background: url(../medias/h2-objectif.png) no-repeat top left;
    
    height: 0px !important;
    height /**/:24px;
	z-index:5;
}

#principal{
 	width:940px;	/*init 940*/
	height:32px;
	margin:0;
	padding:0;
	position:absolute;
	left:0px;
	top:222px;
}
#principal ul, #principal li, #secondaire ul, #secondaire li{
 	padding:0;
	margin:0;
	list-style:none;
}

.item, .itemvert, .itemvert_actif, .item_actif, .sub, .sub_actif {
 	padding:0 8px;
	margin:0;
	list-style:none;
	display:inline-block;
	float:left;
	font-size:12px;
    font-weight:normal;
	text-transform:uppercase;
	text-align:center;
    position:relative;
}
.item a:link, .item a:visited, .item a:hover, .item a:active,
.itemvert a:link, .itemvert a:visited, .itemvert a:hover, .itemvert a:active{
	color:#fff;
	background:url(../medias/bg-item.png) no-repeat bottom left;
	/* partie de code a repeter */
	text-decoration:none;
	padding:10px 5px 8px 35px;
	margin:0px 15px 0px 0px;
	display:inline-block;
	height:14px;	/* init 32*/
    position:relative;
}
.item a:hover, .itemvert a:hover{
	text-decoration:underline;
}


/* Couleur du libelle actif */
.item_actif a:link, .item_actif a:visited, .item_actif a:hover, .item_actif a:active{
	color:#f6861f;
	background:url(../medias/bg-item-actif.png) no-repeat bottom left;
	/* partie de code a repeter */
	text-decoration:none;
	padding:10px 5px 8px 35px;
	margin:0px 15px 0px 8px;
	display:inline-block;
	height:14px;	/* init 32*/
    position:relative;
}

/*Couleur du libelle actif en survol */
.item_actif a:hover, .itemvert_actif a:hover{
	text-decoration:none;
}

.itemvert_actif a:link, .itemvert_actif a:visited, .itemvert_actif a:hover, .itemvert_actif a:active{
	color:#8bb836;
	background:url(../medias/bg-itemvert-actif.png) no-repeat bottom left;
	/* partie de code a repeter */
	text-decoration:none;
	padding:10px 5px 8px 35px;
	margin:0px 15px 0px 8px;
	display:inline-block;
	height:14px;	/* init 32*/
    position:relative;
}


#secondaire{
    position:absolute;
    top:2px;
    right:0px;
    height:30px;
    width:300px;
    font-size:9px;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
}

#secondaire .sub a:link, .sub a:visited, .sub a:hover, .sub a:active{
	color:#fff;

	/* partie de code a repeter */
	text-decoration:none;
	padding:2px 10px 1px 5px;
	margin:0px 3px;
	display:inline-block;
	height:12px;	/* init 15*/
    position:relative;
    border-right:1px solid #fff;
    font-size:10px;
}
.sub a:hover{
	text-decoration:underline;
}


/* Couleur du libelle actif */
.sub_actif a:link, .sub_actif a:visited, .sub_actif a:hover, .sub_actif a:active{
	color:#fff;
	/* partie de code a repeter */
	text-decoration:none;
	padding:2px 10px 1px 5px;
	margin:0px 3px;
	display:inline-block;
	height:12px;	/* init 15*/
    position:relative;
    border-right:1px solid #fff;
    font-size:10px;
}

/*Couleur du libelle actif en survol */
.sub_actif a:hover{
	text-decoration:underline;
}

#secondaire .sub a.last, #secondaire .sub_actif a.last{
	border:0;
}

 
#corps{
	width:940px;	/*init 940*/
	padding:30px 0 5px 0;
	margin:0 auto;
	text-align:center;
	position:relative;
}


#module-gauche{
	width:460px;
    padding:0px;
	float:left;
    margin:0;
	color:#333;
    text-align:left;
}
#module-droite{
	width:175px;
	float:right;
    margin:0;
	padding:0;
	color:#333;
    text-align:center;
}
#contenu3Col{
    
	width:470px;	/*init 470*/
	margin:0 0 0 470px;
	padding:0px;
    color:#222;
    font-size:12px;
    text-align:left;
}

#contenu2Col{
    
	width:470px;	/*init 470*/
	margin:0 0 0 470px;
	padding:0;
    color:#222;
    font-size:12px;
    text-align:left;
    position:relative;
}

#contenu2Col ul{
	text-align:left;
}
#contenu2Col li{
	text-align:left;
    list-style:none;
    padding:3px 5px 3px 15px;
    font-size:12px;
    margin:0;
}

#contenu2Col ul.sans li{
	/*background:none;*/
}


div.blanc{
	width:393px;	/*init 443*/
    background:url(../medias/bg-blanc.png) no-repeat top left;
    padding:25px;
    margin:0 0 20px 0;
    color:#49494b;
    font-size:12px;
    font-weight:normal;
}
div.orange{
	width:393px;	/*init 443*/
    background:url(../medias/bg-orange.png) no-repeat top left;
    padding:25px;
}
div.vert{
	width:393px;	/*init 443*/
    background:url(../medias/bg-vert.png) no-repeat top left;
    padding:25px;
}

a.suite:link, a.suite:hover, a.suite:visited, a.suite:active{
	color:#797979;
    font-size:11px;
	text-decoration:none;
    padding:2px 20px 2px 2px;
    display:block;
    background:url(../medias/picto-suite.png) top right no-repeat;
}
a.suite:hover{
	text-decoration:underline;
}




a.telecharger:link, a.telecharger:hover, a.telecharger:visited, a.telecharger:active{
	color:#1e1e1e;
	text-decoration:none;
    padding:0 2px 2px 16px;
    display:block;
    background:url(../medias/picto-telecharger.png) top left no-repeat;
}
a.telecharger:hover{
	text-decoration:underline;
}

div p{
	font-size:12px;
}

#pied{
	height:171px;	/*init 171*/
    padding:0;
	background:url(../medias/bg-pied.png) repeat-x top left #fff;
	width:100%;
    color:#231f20;
}
.pied{
	width:543px;	/*init 938*/
	padding:80px 10px 5px 385px;
	height:86px;	/*init 171*/
	margin:0 auto;
	text-align:left;
	color:#231f20;
	font-size:11px;
	font-weight:normal;
	background:url(../medias/bg-pied-2.png) no-repeat top left;
    position:relative;
}
.pied .up{
	font-weight:bold;
    font-size:12px;
}
.pied strong{
	display:inline-block;
    margin-top:5px;
}
#edispo{
	position:absolute;
    bottom:6px;
	right:0px;
    font-size:10px;
    text-transform:uppercase;
    color:#cdcdcd;
    text-align:right;
}
#edispo a:link, #edispo a:visited, #edispo a:hover, #edispo a:active{
	color:#cdcdcd;
    font-weight:normal;
    font-size:10px;
}
#pied .petit{
	display:inline-block;
    margin-top:6px;
}
#edispo a:hover{
    text-decoration:underline;
}
form{
	margin:0;
	padding:0;
}
input, textarea{
	border:0;
/*	border-bottom:1px solid #666;*/
	padding:1px 5px;
	margin:5px 0;
	font:12px Arial, Helvetica, sans-serif;
}
input{
	width:205px;	/*init 215*/
	background:url(../medias/bg-input.png) repeat-x top left;
	height:17px;	/*init 19*/
    color:#fff;
}
textarea{
	height:148px;	/*init 150*/
	width:205px;
	background:url(../medias/bg-input.png) repeat-x top left #252122;
    color:#333;
}
.bt-envoi, .bt-envoi2, #rappel .bt-appel{
	background:none;
	text-align:center;
	margin:2px 0 20px 132px;
	border:0;
	padding:2px 5px;
	font-size:12px;
	width:auto;
	height:auto;
}
.bt-envoi2{
	margin-left:128px;
}
#rappel .bt-appel{
	margin:20px 0 0 0;
}
label{
	text-align:right;
	display:block;
	width:30%;
	float:left;
	font-weight:bold;
	font-size:12px;
    padding:2px 0 0 0;
	margin:5px 10px;
}
label.sans{
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin:5px 10px;
	display:inline;
	float:none;
	width:auto;
}
input.coche{
	border:0;
	width:auto;
	background:none;
}
.petit{
	font-size:10px;
}
.message{
	border:1px dotted #c00;
	color:#c00;
	font-weight:bold;
	padding:10px;
}
.citation{
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	font-style:italic;
}
.separation{
	clear:both;
    margin:5px;
}
.indication, .indication2{
	display:block;
    margin:0 0 20px 132px;
    font-size:10px;
}
.erreur, .erreurOK{
	padding:10px;
    color:#000;
    background:#f7921e;
    font-size:12px;
    width:422px;
}
.erreurOK{
	background:#f7921e;
    color:#000;
}
.right{
	float:right;
    margin:0 0 10px 10px;
}
.left{
	float:left;
    margin:0 10px 10px 0;
}

.contour{
	border:1px solid #fa920f;
}

a.externe:link, a.externe:visited, a.externe:hover, a.externe:active{
	background:url(../medias/lien_direct.gif) top left no-repeat;
    padding:2px 5px 2px 15px;
    display:inline-block;
    margin:3px 0 0 0;
    color:#777;
}
.grand{
	font-size:15px;
}
.fin{
	font-weight:normal;
}

ul.small, ul.smallvert, ul.big, ul.bigvert{
	margin:10px 0;
}
ul.small li{
	list-style:none;
	background:url(../medias/puce-small.png) no-repeat top left;
    padding:0 0 5px 15px;
}
ul.smallvert li{
	list-style:none;
	background:url(../medias/puce-smallvert.png) no-repeat top left;
    padding:0 0 5px 15px;
}
ul.big li, #contenu2Col ul.big li{
	list-style:none;
	background:url(../medias/puce-big.png) no-repeat top left;
    padding:3px 0 5px 25px;
    margin:4px 0;
}
ul.bigvert li, #contenu2Col ul.bigvert li{
	list-style:none;
	background:url(../medias/puce-bigvert.png) no-repeat top left;
    padding:3px 0 5px 25px;
    margin:4px 0;
}
#mentions{
	margin-left:30px;
}
.inaug img{
	float:left;
    margin:1px;
    border:2px solid #eceded;
}
.inaug img:hover{
	border:2px solid #f68d1f;
}
