/*****************
Global
*****************/
body {	font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;margin: 0;padding: 0;
		background:url(img/solutions_bg_trame.jpg) left 13px repeat-y;background-color:#f97e04;}

/*****************
Conteneurs
*****************/
#conteneur {position:absolute;left:0px;top:0px;width:817px;height:100%;}
#logo{position:absolute;left:0px;top:50px;width:140px;height:140px;}
#logo a{display:block;width:150px;height:150px;}
#tete {background:url(img/solutions_top.jpg) left top no-repeat;width:817px;height:334px;}
#menu {width:269px;float:left;padding:0;margin:0;position:relative;top:-15px;}
* html #menu{top:0px;}*+html #menu{top:0px;}
#contenu {position:absolute;background:url(img/solutions_right.jpg) left top no-repeat;width:548px;left:269px;}

/*****************
Typos
*****************/
/*****
Tete
*****/
#tete h1{margin:0 0 0 338px;font-size:49px;font-weight:bold;position: absolute;top: 0px;left: 0px;color:#a8a8a8;}
#tete h1 span{
position: absolute;
font-size:49px;
top: -2px;
left: 5px;
color: #ededed;
}
#tete h1 span.blanc{
font-size:49px;
font-weight:bold;
position: absolute;
top: -1px;
left: 2px;
color:#fff;
}

/*****
Contenu
*****/
#contenu h2 {margin: 7px 70px 10px 5px;font-size:16px;font-weight:bold;color:#f97e04;}
#contenu p {margin: 5px 70px 7px 5px;font-size:10px;color:#6c7f8e;text-indent:30px;text-align:justify;}
#contenu p a, #contenu ul li a {color:#9eb3c4;}
#contenu p a:hover, #contenu ul li a:hover{color:#556471;text-decoration:none;}
#contenu p.lien {margin-left:-24px;}
#contenu p.lien span a{color:#f97e04;}
#contenu p.lien img {margin:5px 0 0 0;}
#contenu h3 {
	display:block;
	padding:2px;
	text-transform: uppercase;
	background-color:#fa7d05;
	margin: 15px 70px 7px 5px;	
	font-size:12px;
	color:#fff;
	text-align:justify;
}
#contenu h3.cesure {text-transform: none;}

#contenu ul {
	margin-top:0;
	margin-bottom:10px;
	list-style-position: outside;
}
#contenu ul li{
	margin: 0px 70px 0px 10px;
	padding:0;
	font-size:10px;
	font-weight:normal;
	color:#6c7f8e;
	text-align:justify;
	list-style-image:url(img/puce_01.gif);
}

/*****
menu
*****/
#menu a {
	text-decoration:none;
	color:#3c3c3c;
}
#menu a:hover{
	text-decoration:underline;
}
/*-----------*/
#menu ul{padding:0;list-style:none;margin:0 0 0 25px;width:220px;}
#menu ul li{margin:0;color:#f97e04;}
#menu ul li h2 a{font-size:20px;font-weight:bold;color:#000;margin:0 0 7px 0px;padding:0;}
#menu ul li a{font-size:10px;font-weight:bold;}
/*bouton selectionné*/
#menu ul li.select{background:url(img/solutions-fleche.jpg) left 4px no-repeat;}
#menu ul li.select a{font-size:10px;font-weight:bold;margin-left:15px;color:#fff;}

/*special IE*/
* html #menu ul li.select{background:url(img/solutions-fleche.jpg) left 4px no-repeat;}*+html #menu ul li.select{background:url(img/solutions-fleche.jpg) left 4px no-repeat;}
* html #menu ul li.select a{margin-left:15px;}*+html #menu ul li.select a{margin-left:15px;}

/********************
popup
********************/
.popup {
position:absolute;
left:200px;
top:30px;
z-index:200;
background:url(img/reference_popup.png) left top no-repeat;
width:543px;
height:324px;
padding:0;
}
.popup h4{text-align:center;margin:3px 0 0 0;font-size:10px;color:#999;font-weight:bold;}
.popup h4 span{color:#f97e04;}
.popup img{margin:10px 10px 0 9px;float:left;border:0px;}
.popup p.date{margin:10px 10px 0 0;color:#f97e04;}
.popup p{margin:0 10px 10px 0;color:#999999;font-size:10px;}
.popup p span.date, .popup a{text-decoration:none;color:#f97e04;}
.popup p a.lien_gauche{float:left;}
.popup p a.lien_droit {float:right;}
.popup p a.lien_droit, .popup p a.lien_gauche{color:#548cd4;font-weight:bold;}
.popup blockquote{margin:-5px 0 10px 2px;width:300px;border:1px dashed #7f7f7f;padding:5px;height:60px;overflow:auto;}
.popup blockquote p{margin:0 0 0 0;font-size:10px;color:#548cd4;font-style:italic;}
.popup blockquote p span.signature{text-align:right;display:block;}
.popup p.commentaire{font-weight:bold;margin-top:15px;}
.popup div.fermeture{position:absolute;left:450px;top:0px;}* html .popup div.fermeture{top:3px;}
.popup div.fermeture a{font-weight:bold; color:#ccc;cursor:pointer;font-size:10px;}
#contenu div.popup div.fermeture a:hover{text-decoration:none;color:#999;}

#contact {margin-top:10px;}
#contact p.contcont {text-align:center;}
#contact p.contcont a.contact {width:95px;height:30px;display:block;text-indent:0;
background:url(img/bouton-contact.jpg) left top no-repeat;color:#efefe9;text-decoration:none;
font-size:150%;padding:5px 0 0 25px;font-weight:bolder;text-align:center;margin-left:170px;}
#contact p.contcont a.contact:hover {background:url(img/bouton-contact.jpg) left -35px no-repeat;color:#fff;}

/*****************
PIED de page
******************/
#piedpage {
margin-top:10px;
}
#piedpage p.signature{
text-indent:0;
border-top:1px solid #999;
font-size:9px;
color:#999;
display:block;
width:467px;
padding:5px;
}
#piedpage p.signature a:hover{
text-decoration:none;
color:#999999;
}
#piedpage p.signature a{
text-decoration:underline;
color:#999999;
font-weight:bold;
}