/*########################################################################"

                          SONEPAR :: FEUILLE
								 CSS SCREEN

##########################################################################*/
body{
	background-color:#cccccc;
	text-align:center;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000000;
}
form{
	margin:0px;
	padding:0px;
}
a:link, a:visited{
	color:#008374;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
.myhr{
	clear:both;
	visibility:hidden;
	height:1px;
}
img{
	border:none;
}
/************************************* Divs générales ************************************/
#conteneur{
	border-top:solid 3px #ffffff;
	border-left:solid 3px #ffffff;
	border-right:solid 3px #ffffff;
	border-bottom:solid 3px #ffffff;
	width: 960px;
	margin:0px auto 20px auto;
	text-align:left;
	background-image:url(IMG/colonnegauche-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
}
#header{
	background-image:url(IMG/header.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:160px;
}
#menu{
	float:right;
	z-index:999;
}
#menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
}
#menu ul li{
	display:inline;
	float:left;
}
#menu ul li a:link, #menu ul li a:visited{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:1.2em;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	line-height:2.2em;
	display:block;
	width:183px;
	text-align:center;
}
#menu ul li a:hover{
	background-color:#FFFFFF;
	color:#008374;
}
/*********************************************************/
#menu ul li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:183px;
	background-color:#008374; 
}

#menu ul li ul li {
	width: 100%;
	padding:0px;
	border-top:solid 1px #fff;
}
#menu ul li ul li a:link, #menu ul li ul li a:visited{
	width:183px;
	text-transform:none;
	font-size:0.9em;
}
#menu ul li ul li a:hover {
}
#menu li ul ul {
	margin: -1em 0 0 9em;
}
#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul {
	left: -999em;
}
#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
	left: auto;
}
/*********************************************************/
#content-home{
	/*background-image:url(images/fond-home.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;*/
}
#colonne-gauche{
	width:225px;
	float:left;
	margin:0px 0px 140px 0px;
}
#espace-client{
	background-color:#b3dcd7; /*ici pour changer la couleur de l'espace client*/
	padding:20px;
}
#espace-client h2{
	color:#b3dcd7;
	font-size:1.2em;
	text-transform:uppercase;
	background-color:#008374;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 10px;
}
#espace-client input{
	margin:10px 0px 5px 0px;
	color:#000000;
	font-weight:bold;
	font-size:0.9em;
	border:none;
}
#espace-client p{
	color:#008374;
}
#espace-client p a:link, #espace-client p a:hover, #espace-client p a:visited{
	color:#008374;
}
#recherche{
	background-color:#FFFFFF;
	padding:5px;
}
#colonnegauche-infos{
	padding:20px 5px 20px 20px;
}
#colonnegauche-infos h2{
	color:#008374;
	font-size:1.2em;
	text-transform:uppercase;
	background-color:#b3dcd7;
	margin:0px 15px 0px 0px;
	padding:5px 20px 5px 10px;
}
#colonnegauche-infos p{
	color:#FFFFFF;
	margin:0px 0px 20px 0px;
}
#colonnegauche-infos p a:link, #colonnegauche-infos p a:hover, #colonnegauche-infos p a:visited{
	color:#FFFFFF;
}
#contenu{
	width:596px;
	float:right;
	padding:0px 60px 0px 60px;
}
#footer {
	background-image: url(IMG/footer.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	clear:both;
	height:97px;
}
#footer a:link, #footer a:visited, #footer a:hover{
	color:#008374;
	font-weight:normal;
} 
#footer-liens{
	width:200px;
	position:relative;
	left:442px;
	top:-18px;
}
#footer img{
	margin:28px 0px 0px 0px;
}
/************************************* Divs Homepage ************************************/
#h1-bienvenue{
	background-image:url(IMG/h1-bienvenue.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
	margin:55px 0px 30px -60px
}
#footer-home {
	background-image: url(IMG/fond-home.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	clear:both;
	height:240px;
}
#footer-home a:link, #footer-home a:visited, #footer-home a:hover{
	color:#008374;
	font-weight:normal;
} 
#footer-home img{
	margin:171px 0px 0px 0px;
}
#footer-liens-home{
	width:200px;
	position:relative;
	left:442px;
	top:-18px;
}
/********************************* Divs intérieures ****************************************/
#fildariane{
	font-size:0.8em;
	text-align:right;
	margin:15px 0px 0px 0px;
}
#fildariane a{
	color:#008374;
}

h1{
	margin:20px 0px 35px -20px;
	text-indent:-9998px;
}
#h1-qui{
	background-image: url(IMG/h1-qui.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-implantation{
	background-image: url(IMG/h1-implantation.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-specialisations{
	background-image: url(IMG/h1-specialisations.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-recrutons{
	background-image: url(IMG/h1-recrutons.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-domaines{
	background-image: url(IMG/h1-domaines.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-partenaires{
	background-image: url(IMG/h1-partenaires.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-formations{
	background-image: url(IMG/h1-formations.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-catalogues{
	background-image: url(IMG/h1-catalogues.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-alaune{
	background-image:url(IMG/h1-alaune.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-references{
	background-image:url(IMG/h1-references.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-contactez{
	background-image:url(IMG/h1-contactez.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-mentions{
	background-image:url(IMG/h1-mentions.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-plan{
	background-image:url(IMG/h1-plan.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-espace{
	background-image:url(IMG/h1-espace.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-ecom{
	background-image:url(IMG/h1-ecom.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}
#h1-blueway{
	background-image:url(IMG/h1-blueway.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:61px;
}

/*****************************************/
.bienvenue{
	/*border-top:solid 1px #999999;*/
	margin:15px 0px 0px 0px;
}
.bienvenue img{
	float:left;
	margin:0px 20px 5px 0px;
}
.bienvenue h3{
	color:#008374;
	font-size:1.2em;
}
.bienvenue-lieu{
	font-weight:bold;
}

/*****************************************/
.qui{
	/*border-top:solid 1px #999999;*/
	margin:15px 0px 0px 0px;
}
.qui img{
	float:left;
	margin:0px 20px 5px 0px;
}
.qui h3{
	color:#008374;
	font-size:1.2em;
}
.qui-lieu{
	font-weight:bold;
}
/*****************************************/

.coordonnees{
	margin-left:400px;
	width:183px;
	text-align:left;
	margin-top:-475px;
	position:relative;
	font-weight:bold;
	padding-left: 5px;
}
.coordonnees img{
	float:left;
}
.coordonnees h3{
	color:#008374;
	font-size:1.2em;
}
.coordonnees_lien a {
	text-decoration:underline;
	font-weight:normal;
}
.coordonnees_lien a:hover {
	text-decoration:underline;
	color:#982213;
	font-weight:normal;
}
/*****************************************/
.specialisations{
	/*border-top:solid 1px #999999;*/
	margin:15px 0px 0px 0px;
}
.specialisations img{
	float:left;
	margin:0px 20px 5px 0px;
}
.specialisations h3{
	color:#008374;
	font-size:1.2em;
}
.specialisations-lieu{
	font-weight:bold;
}

/*****************************************/
.actu{
	/*border-top:solid 1px #999999;*/
	margin:15px 0px 00px 0px;
}
.actu img{
	float:left;
	margin:10px 30px 20px 0px;

}
.actu h3{
	color:#008374;
	font-size:1.2em;
}
.actu-lieu{
	font-weight:bold;
}


/*****************************************/
.references{
	/*border-top:solid 1px #999999;*/
	margin:0px 0px 0px 0px;
}
.references img{
	float:left;
	margin:0px 20px 5px 0px;
}
.references h3{
	color:#008374;
	font-size:1.2em;
}
.references-lieu{
	font-weight:bold;
}
/************************************************************************************/
/********************************** mentions *****************************************/
/************************************************************************************/

.mentions{
	font-size:0.8em;
}

/************************************************************************************/
/****************************** page domaines *************************************/
/************************************************************************************/
.domaines{
	width:140px;
	text-align:center;
	float:left;
	margin:0px 6px 6px 0px;
	height:150px;
	border-right:solid 1px #008374;
	border-bottom:solid 1px #008374;
}
.domaines h3{
	font-size:1em;
	height:40px;
}
.domaines a:link, .domaines a:visited{
	display:block;
	border:solid 0px #000000;
	color:#d20063;
}
.domaines a:hover{
	/*border:solid 2px #006699;  --> pour mettre un cadre bleu au passage de la souris*/
	text-decoration:none;
}

/************************************************************************************/
/****************************** page catalogues *************************************/
/************************************************************************************/
.catalogues{
	width:140px;
	text-align:center;
	float:left;
	margin:0px 2px 2px 0px;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
}
.catalogues h3{
	font-size:1em;
}

.catalogues a:link, .catalogues a:visited{
	display:block;
	border:solid 1px #cccccc;
	color:#000000;
}
.catalogues a:hover{
	text-decoration:none;
}