@charset "utf-8";

#bar_cookies
{
	position:fixed;
	bottom:0;
	text-align:center;
	padding:5px;
	background:#fff;
	color:#000;
	width:100%;
	z-index:10000000000;
	display:block;
}

#pack_entreprise
{
	position:absolute;
	right:30px;
	top:0px;
}

html
{
	background-color:#000;
	font-family:Verdana, Arial,sans-serif;
	
}

.largeur
{
	width:987px;
	overflow:hidden;
	margin:auto;
}

#header
{
	background-image:url(../images/bandeau_theme.png), url(../images/fond-header_01.jpg);
	background-position:top center, top center;
	background-repeat:no-repeat, repeat-x;
	height:116px;
	overflow:hidden;
	width:100%;
	border-bottom:3px #000 solid;
	
}

#logo
{
	margin-top:20px;
	float:left;
}

ul#menu_haut
{
	background-image:url(../images/menu_07.png);
	background-repeat:no-repeat;
	float:right;
	height:28px;
	width:auto;
	overflow:hidden;
	padding:4px;
	margin-top:0px;
	font-family: Verdana, Arial,sans-serif;
	text-transform:uppercase;
	padding-left:2px;
}

ul#menu_haut li
{
	padding-left:5px;
	padding-right:6px;
	float:left;
	background-image:url(../images/menu-sep_07.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;
	padding-top:7px;	
}

ul#menu_haut li.contact
{
	background:none;
}

ul#menu_haut li a
{
	color:#bdbdbd;
	font-size:9px;
}

ul#menu_haut li a:hover
{
	color:#34b5e0;
	text-decoration:none;
}

#header #contact
{
	float:right;
	margin-top:10px;
	color:#fff;
	background-image:url(../images/contact_tel.png);
	background-repeat:no-repeat;
	background-position:right 10px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	margin-right:5px;
}


#content
{
	background-image:url(../images/fond_01.jpg);
	background-position:center top;
	z-index:100;	
}

#content .largeur
{
	background-image:url(../images/fond_13.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	overflow:hidden;
	min-height:500px;
	z-index:100;

}

#visuel
{
	position:absolute;
	height:300px;
	width:100%;
	top:110px;
	left:-20px;
	overflow:hidden;
	z-index:0;
}

#visuel2
{
	height:300px;
}

#menu-visuel2
{
	position: absolute; 
	left: 50%; 
	margin-left: 150px;
	top: 210px;
}

#menu-visuel2 img
{
	display:block;
	width: 367px;
	z-index:10000;
	z-index:3;
}

#content #gauche
{
	width:465px;
	margin-left:8px;
	float:left;
	padding:30px;
	color:#FFF;
	position:relative;
	text-align:justify;
}


#content #gauche .colonne_gauche
{
	width:45%;
	float:left;
}

#content #gauche .colonne_droite
{
	width:45%;
	float:right;
}


#content #gauche p
{
	padding-left:17px;
	margin-bottom:10px;
	
}

#content #gauche .titre
{
	background-image:url(../images/titre-gauche.png);
	background-repeat:repeat-y;
	height:35px;
	color:#fff3db;
	text-transform:uppercase;
	font-family: 'Allerta Stencil', Verdana, Arial,sans-serif;
	letter-spacing:1px;	
	font-size:14px;
	line-height:35px;
	margin-top:20px;
	clear:both;
	padding-left:17px;
	margin-bottom:20px;
	text-align:left;
}


#content #droite
{
	width:415px;
	padding-top:10px;	
	float:right;
}

#content #droite p
{
	padding-left:17px;
}

#content #droite p a
{
	color:#000;
}

#content #droite .titre
{
	background-image:url(../images/titre-droite.png);
	background-repeat:repeat-y;
	height:35px;
	color:#fff3db;
	text-transform:uppercase;
	font-family:"Myriad Pro", Verdana, Arial,sans-serif;
	letter-spacing:1px;	
	font-size:14px;
	line-height:35px;
	margin-top:20px;
	margin-bottom:20px;
	clear:both;	
}


#content  #gauche .metier
{
	width:225px;
	height:182px;
	overflow:hidden;
	float:left;
}

#content  #gauche .metier .titre_metier
{
	color:#efe4cd;
	font-size:16px;
	text-transform:uppercase;
	position:absolute;
	z-index:1000;
}

#content #gauche .metier .titre_metier a
{
	color:#efe4cd;
	padding-top:25px;
	padding-left:35px;	
	padding-bottom:120px;
	display:block;
	text-decoration:none;
	width:190px;
	z-index:1000;
	background:url(null);
}

#content #gauche .metier .titre_metier a:hover
{
	text-decoration:none;
}

#content #gauche .metier p
{
	color:#c7c7c7;	
	z-index:10;
}



#content  #gauche .metier .sous_titre_metier
{
	color:#cebc9d;
	font-size:10px;
	font-family:"Myriad Pro", Verdana, Arial,sans-serif;
	letter-spacing:1px;	
	text-transform:uppercase;
	margin-top:50px;
	margin-left:50px;
	margin-bottom:10px;
	z-index:100;
}

#content  #gauche .metier ul
{
	margin-left:30px;
	text-align:left;
	color:#c7c7c7;
	z-index:11;
}

#content  #gauche .metier ul li
{
	list-style:disc;
	z-index:11;
}

#web
{
	background-image:url(../images/web.png);
	background-repeat:no-repeat;
}

#web:hover
{
	background-image:url(../images/web2.png);
}


#video
{
	background-image:url(../images/video.png);
	background-repeat:no-repeat;
}

#video:hover
{
	background-image:url(../images/video2.png);
}

#info
{
	background-image:url(../images/info.png);
	background-repeat:no-repeat;
}

#info:hover
{
	background-image:url(../images/info2.png);
}

#ref
{
	background-image:url(../images/ref.png);
	background-repeat:no-repeat;
}

#ref:hover
{
	background-image:url(../images/ref2.png);
}

#footer
{
	background-image:url(../images/footer_09.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
	height:235px;
	padding-top:30px;	
	color:#b1afaf;
}

#footer #colonne1
{
	width:258px;
	float:left;
	color:#fff;
	height:187px;
	margin-left:40px;	
}
#footer #colonne1 img 
{
	margin-bottom:10px;
}

.jaune
{
	color:#fddea1;	
}


#footer #colonne1 ul
{
	margin-top:5px;	
}

#footer #colonne1 ul li
{
	height:62px;
	line-height:62px;
}



#footer #colonne2
{
	width:258px;
	float:left;
	margin-right:76px;
	margin-left:76px;

}

#footer #colonne2 img
{
		margin-bottom:10px;

}

#footer #colonne2 a
{
	margin-left:150px;
}

#footer #colonne2 p
{
	margin-bottom:10px;
}

#footer #colonne2 p a
{
	margin-left:0px;
	color:#b1afaf;
	font-weight:bold;
}

#footer #colonne3
{
	width:258px;
	float:left;
	background-image:url(../images/contact_26.jpg);
	background-position:120px 40px;
	background-repeat:no-repeat;
}

#footer #colonne3 img
{
		margin-bottom:20px;

}

#footer #colonne3 a
{
	color:#b1afaf;
}


#footer #colonne3 a:hover
{
	color:#ac567e;
	text-decoration:none;
}

#reseau
{
	height:30px;
	width:250px;
	float:right;
	text-align:right;
	margin-right:15px;
}

#reseau img
{
	margin-left:5px;
}

#footer2
{
	background-color:#000;
	height:35px;
	text-align:right;

}

#footer2 .largeur
{
	color:#595959;
	font-size:20px;
	text-transform:uppercase;
	padding-right:20px;
	padding-top:10px;
	width:967px;	
}

#footer3
{
	background-image:url(../images/fond-header_01.jpg);
	background-position:center;
	padding-bottom:30px;
}

#footer3 .largeur
{
	color:#595959;
	font-size:20px;
	text-transform:uppercase;
	padding-right:20px;
	padding-top:10px;
	padding-left:40px;
	width:927px;
}

#footer3 .colonne
{
	width:22%;
	margin:13px;
	float:left;
}

#footer3 .colonne p
{
	color:#ac567e;
	text-transform:uppercase;
	margin-bottom:10px;
}

#footer3 .colonne a
{
	color:#595959;
}

#footer3 .colonne a:hover
{
	color:#fff;
}

#footer3 .colonne li
{
	margin-left:10px;
	list-style:disc;
}

#footer3 p.petit
{
	font-size:9px;
	color:#b4b1ac;
	margin-top:20px;
} 
#footer3 a.gris
{
	font-size:8px;
	color:#666;
}

.trait
{
	border-bottom:#cbbba0 1px solid;
	height:40px;	
}

.trait img
{
	opacity:1;		
}

.trait img:hover
{
	opacity:0.7;		

}


/**************************************************************************************/
.devis td
{
	padding:10px;
}

.devis input
{
	width:300px;
	font-family:Verdana, Arial,sans-serif;
	background-color:#C8C8C8;
	border:1px #000 solid;
	color:#000;
	height:20px;
	opacity:0.5;
}

.devis input.auto
{
	width:100px;
}

.devis textarea
{
	width:300px;
	height:200px;
	font-family:Verdana, Arial,sans-serif;
	background-color:#C8C8C8;
	border:1px #000 solid;
	opacity:0.5;	
}


/**************************************************************************************/
.candidat td
{
	padding:10px;
	text-align:left;
}

.candidat input
{
	width:300px;
	font-family:Verdana, Arial,sans-serif;
	background-color:#C8C8C8;
	border:1px #000 solid;
	color:#000;
	height:20px;
}

.candidat select
{
	width:300px;
	font-family:Verdana, Arial,sans-serif;
	background-color:#C8C8C8;
	color:#000;
	height:20px;
}

.candidat input.auto
{
	width:100px;
}

.candidat textarea
{
	width:300px;
	height:200px;
	font-family:Verdana, Arial,sans-serif;
	background-color:#C8C8C8;
	border:1px #000 solid;	
}
/**************************************************************************************/


.information
{
	float:left;
	margin-right:20px;
	margin-top:3px;
}

/**************************************************************************************/


#ariane
{
	color:#b4b4b4;
	font-size:7px;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:1px;
	margin-left:40px;
}

#ariane a
{
	color:#b4b4b4;
}
#ariane a:hover
{
	color:#fff;
}





table.logo td
{
	padding:5px;	
}