@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
	}
body {
	font: normal 16px/140% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
br.clean, div.clean {
	clear:both;
	height:1px;
	}
 /****** BALISES DE BASE ******/
 p {margin:0 0 0 0;}
 
 ul, ol {
 	margin:0 0 0.5em 30px;
	padding:0;
	}
sup {
	font-size:0.8em;
	padding-left:0.2em;
	}
img {
	vertical-align:middle;
	border:none;
	}
 /****** STRUCTURE ******/
#conteneur {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0;
	background:#FFF url(/img/fd_conteneur.gif) 0 0 repeat-y;
}
#header {
	position:relative;
	height:90px;
	margin:0 0 0 10px;
	width:950px;
	background-color:#FFF;
}
#photo {
	position:absolute;
	top:0;
	left:0;
	width:590px;
	}
#logo {
	position:absolute;
	top:0;
	left:590px;
	width:370px;
	}
#logo img{
	display:block;
	}
#menu_haut {
	clear:both;
	position:relative;
	height:60px;
	width:950px;
	background:#ccc6bd url(/img/fd_menu_haut.gif) 0 0 repeat-x;
	margin:0 0 0 10px;
}
#centre {
	float:left;
	width:560px;
	margin:10px 20px 10px 30px;	
}
#droite {
	float:left;
	margin:0;
	width:350px;
	background-color:#5c564a;
}
#footer {
	width:980px;
	margin:0px auto;
	text-align:center;
	font-size:12px;
	color:#6E6A63;
	}
#footer div.bas {
	background:url(/img/bottom_footer.gif) 4px 0 no-repeat;
	width:980px;
	margin:0px auto;
	padding:30px 0 15px 0;
	}
#footer div.liens {
	border-top:1px dotted #CCC6BD;
	padding:15px 0 30px 0;
	font-size:11px;
	line-height:140%;
	}
#footer a{
	color:#6E6A63;
	}
#footer a:hover{
	color:#76B8E3;
	}

/****** MENU HAUT ******/
div#menu_haut ul {
	height:33px;
	margin:0;
	padding:2px 0;
	list-style-type:none;
	width:100%;/* précision pour Opera */
	}
div#menu_haut ul li{
	display:block;
	float:left;
	margin:1px 0 0 0;
    padding:2px 10px 6px 10px;
	height:19px;
}
div#menu_haut ul a{
	font-size:12px;
	
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
div#menu_haut ul li.actif, div#menu_haut ul li:hover{
	color:#4a453c;
	background-color:#ccc6bd;
}
div#menu_haut ul li.ssmenu:hover a, div#menu_haut ul li.actif a{
	color:#4a453c;
}
div#menu_haut ul li.ssmenu ul {
    position:absolute;
	top:0px;
	left:0;
	visibility:hidden;
}
div#menu_haut ul li.ssmenu:hover ul, div#menu_haut ul li.actif ul {
	position:absolute;
	top:30px;
	left:0;
	visibility:visible;
	background:url(/img/fd_ssmenu.gif) 0 0 repeat-x;
	height:25px;	
}
div#menu_haut ul li.ssmenu:hover ul {
	z-index:1000;
	}
div#menu_haut ul li.actif ul {
	z-index:0;
	}
div#menu_haut ul li.ssmenu ul a, div#menu_haut ul li.actif ul a {
	font-size:13px;
	color:#5C564A;
	text-transform:none;
	padding:0 10px 0 0;
	margin:5px 0 0 10px;
	border-right:1px solid #5C564A;
}
div#menu_haut ul li.ssmenu ul li, div#menu_haut ul li.actif ul li {
	padding:0;
	margin:5px 0 0 0;
}
#menu_haut ul li.actif ul li a.actif {
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	color:#4592C3;
	background:url(/img/puce_menu.gif) 0 0 no-repeat;
	padding-left:12px;
	}
	
/****** MENU_DROIT ******/
#menu_droit {
	margin:10px 0 0 0;
	color:#FFF;
	font:bold 12px/120% Arial, Helvetica, sans-serif;
	height:220px;
	width:350px;
}
#menu_droit h2{
	background:url(/img/entete_modules_droite.gif) 0 0 repeat-x;
	font:normal 14px/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	height:40px;
	padding:12px 10px 0 10px;
	margin:0;
	text-transform:uppercase;
	width:330px;
	}
#menu_droit ul {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
	width:130px;
	position:relative;
}
#menu_droit ul li {
	line-height:150%;
	text-transform:uppercase;
	
}
#menu_droit ul li a {
	display:block;
	padding:4px;
	color:#FFF;
	text-decoration:none;
}
#menu_droit ul li.ssmenu ul{
	visibility:hidden;
	width:200px;
	position:absolute;
	top:0;
	left:130px
}
#menu_droit ul li.ssmenu:hover{
	background-color:#3a352b;
}
#menu_droit ul li.actif {
	background-color:#4e493f;
}
#menu_droit ul li.ssmenu:hover ul, #menu_droit ul li.actif ul{
	visibility:visible;
	width:190px;
	position:absolute;
	top:0;
	left:130px;
	margin:0;
	padding:0px 4px 0 4px;
	display:block;
	background-color:#3a352b;
}
#menu_droit ul li.ssmenu:hover ul {
	z-index:1000;
	}
#menu_droit ul li.actif ul {
	z-index:0;
	background-color:#4e493f;
	}
#menu_droit ul li.ssmenu ul li, #menu_droit ul li.actif ul li {
	text-transform:none;
	font-weight:normal;
	border-bottom:1px dashed #7d786e;
	padding:0;
}
#menu_droit ul li.actif ul li.actif {
	font-weight:bold;
	background:url(/img/puce_menu_droit.gif) 0 5px no-repeat;
	padding-left:8px;
}

/****** REASSURANCE ******/
#reassurance {
	background-color:#7d786e;
	margin:20px 0;
	padding:10px;
	color:#FFF;
	font-size:11px;
	overflow:auto;
	}
#reassurance img {
	float:left;
	margin:0 10px 0 0;
	}
	
/****** RSS ******/
#rss p.titre{
	background:url(/img/entete_modules_droite.gif) 0 0 repeat-x;
	font:normal 14px/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	height:40px;
	padding:12px 10px 0 10px;
	margin:0;
	text-transform:uppercase;
	}
#rss p.sstitre {
	margin:0 10px;
	 }
#rss p.sstitre a{
	font:bold 12px/135% Arial, Helvetica, sans-serif;
	color:#76b8e3;
	}
#rss p{
	font-size:12px;
	color:#FFF;
	padding:5px 10px 0 10px;
}
#rss p.date{
	font-size:10px;
	color:#76b8e3;
	text-align:right;
	padding:0 10px 10px 10px;
	text-transform:uppercase;
}
	
/****** HOMEPAGE ******/
div#centre div.intro h1 {
	font:bold 1em/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#44b6ff;
	padding:0;
	margin:0;
	/***zoom:1;***/
}
div#centre div.intro p, div#centre div.intro ul {
	font:normal 0.9em/130% Arial, Helvetica, sans-serif;
	color:#666;
	padding:0.6em 0 0 0;
}
div#centre div.intro a {
	color:#4591C3;
	font:bold 12px/100% Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	}
div#centre div.intro a:hover {
	text-decoration:underline;
	}
div#centre div.intro {
	padding:0 0 5px 0;
	border-bottom:2px solid #76b8e3;
	}

.boite1 {
	width:270px;
	background:#bfd8e8 url(/img/bas_boite_bleue.gif) 0 100% no-repeat;
	float:left;
	margin:10px 20px 20px 0;
	padding:0;
	height:320px;
}
.boite1 h1 {
	height:20px;
	background:#76b8e3 url(/img/entete_boite_bleue.gif) 0 100% no-repeat;
	margin:0;
	padding:5px;
	font:normal 1em/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
.boite2 {
	width:270px;
	background:#ccc6bd url(/img/bas_boite_taupe.gif) 0 100% no-repeat;
	float:left;
	margin:10px 0 20px 0;
	padding:0;
	height:320px;
}
.boite2 h1 {
	height:20px;
	background:#6e6a63 url(/img/entete_boite_taupe.gif) 0 100% no-repeat;
	margin:0;
	padding:5px;
	font:normal 1em/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
div.boite3 {
	clear:left;
	/*border:1px solid #6e6a63;*/
	background-color:#FFF;
	margin:0;
	padding:0;
}
.boite3 h1 {
	height:16px;
	background:#6e6a63 url(/img/entete_boite_taupe.gif) 0 100% no-repeat;
	margin:0;
	padding:5px;
	font:normal 1em/1em Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform:uppercase;
}
.boite3 h2 {
	margin:5px 0;
	}
.boite3 h2 a{
	font-weight:bold;
	text-transform:uppercase;
	color:#438FC1;
	}
/*div.boite3 p {
	padding:0.5em 0 10px 0;
	border-bottom:1px dashed #76b8e3; 
	}*/
div.boite1 div, .boite2 div {
	font-size:12px;
	color:#333;
	padding:10px;
	line-height:125%;
	}
div.boite3 div {
	font-size:12px;
	color:#333;
	line-height:125%;
	}
div.boite1 h2, .boite2 h2, .boite3 h2{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#448fc1;
	}
div.boite1 h2, .boite2 h2{
	margin:0;
	}
div.boite1 div p, .boite2 div p, .boite3 div p,
div.boite1 div ul, .boite2 div ul, .boite3 div ul,
div.boite1 div ol, .boite2 div ol, .boite3 div ol {
	padding:0 0 0.5em 0;
	}
div.boite1 div ol, div.boite2 div ol, .boite3 div ol {
	margin:0 0 0 20px;;
	}
div.boite1 li, .boite2 li, .boite3 li {
	padding-bottom:0.4em;
	}
div.boite1 a {
	color:#438FC1;
	font-weight:bold;
	}
div.boite2 a {
	color:#333333;
	font-weight:bold;
	}
/****** PAGES ARTICLE ******/
.article {
	color:#302b22;
	font-size:12px;
	line-height:135%;
	}
/***strong {
	font-size:bold;
	}***/
.article p{
	line-height:130%;
	margin:0 0 0.8em 0;
	}
.article a{
	color:#2389cc;
	}
.article ul{
	list-style-type:none;
	margin:0.4em 0 0.8em 20px;
	}
.article ol{
	list-style-type:decimal;
	margin:0.4em 0 0.8em 30px;
	}
.article li{
	line-height:135%;
	margin:0 0 0.3em 0;
	}
.article ul li{
	background:url(/img/puce_li.gif) 0 4px no-repeat;
	padding:0 0 0 10px;
	}
.article ul li ul li{
	background:url(/img/puce_li_li.gif) 0 6px no-repeat;
	padding:0 0 0 8px;
	}
.article h1 {
	font:normal 22px/125% Arial, Helvetica, sans-serif;
	color:#5c564a;
	margin:0 0 0.5em 0;
	}
.article h2 {
	font:normal 18px/125% Arial, Helvetica, sans-serif;
	color:#2389cc;
	margin:1em 0 0.5em 0;
	padding:0 0 1px 4px;
	border-left:4px solid #76b8e3;
	border-bottom:2px solid #76b8e3;
	}
.article h3 {
	font:bold 14px/125% Arial, Helvetica, sans-serif;
	color:#2389cc;
	margin:1em 0 0.3em 0;
	}
.article h4 {
	font:italic 14px/125% Arial, Helvetica, sans-serif;
	color:#2389cc;
	margin:0.5em;
	padding:0.2em;
	border-right:3px solid #76b8e3;
	border-left:3px solid #76b8e3;
	background-color:#ebe4da;
	}
.article p.note {
	font:italic bold 12px/125% Arial, Helvetica, sans-serif;
	color:#2389cc;
	margin:0 0 1em 0;
	padding:10px 0 0 20px;
	background:url(/img/i_note.gif) 0 0 no-repeat;
	min-height:32px;
	}
.article p.exemple {
	font:normal 12px/125% "Courier New", Courier, monospace;
	color:#5c564a;
	margin:0.5em;
	padding:10px 0;
	border-top:1px dashed #76b8e3;
	border-bottom:1px dashed #76b8e3;
	}
.article p.note_tableau, .article .note_tableau {
	font-size:11px;
	font-style:italic;
	color:#7D786E;
	}
/****** BOUTONS ******/
div.bouton_devis {
	text-align:right;
	margin:10px 0;
	}
/****** TABLEAU ******/
.article table {
	margin:10px 0px 10px 1px;
	width:99%;
	border-collapse:collapse;
	font-size:0.9em;
	background-color:#FFFFFF;
	}
.article caption {
	font-size:12px;
	color:#2389cc;
	padding:5px 0;
	margin:0;
}
.article td, th {
	border:1px solid #76b8e3;
	padding:4px;
	}
.article th {
	text-align:left;
	font-weight:bold;
	color:#302b22;
}
.article thead th {
	text-align:center;
	}
.article th.principal {
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:0.1em;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background:#3f84b2 url(/img/fd_th_principal.gif) 0 0 repeat-x;
	}
.article th.croisement, td.croisement {
	border:0;
	background:none;
	font-size:11px;
}
th.secondaire, td.zebre {
	background-color:#e9e6e2;
	}
th.double, td.double {
	border-bottom:2px solid #76b8e3;
	}
.article table ul {
	margin:0 0 0 5px;
	}
.article table li {
	background:url(/img/puce_li_li.gif) 0 6px no-repeat;
	padding:0 0 0 8px;
	}
/* NAVIGATION */
div.navigation {
	margin:20px auto;
	padding:10px 0 0 0;
	overflow:auto;
	border-top:1px dashed #76b8e3;
}
div.leftnav, div.rightnav {
	display:block;
    font-size:0.9em;
    margin:0;
    padding:0;
    min-width:40%;
}
div.leftnav {
	float:left;
	text-align:left;
}
div.rightnav {
	text-align:right;
	float:right;
}
div.leftnav, div.rightnav {
	display:block;
	height:20px;
	background:url(/img/nav_gauche.gif) 0 1px no-repeat;
	padding-left:20px;
}
div.leftnav a, div.rightnav a {
	color:#2389cc;
	text-decoration:underline;
	font-weight:bold;
}
div.rightnav {
	background:url(/img/nav_droite.gif) 100% 0 no-repeat;
	padding-right:20px;
}

/* IMAGES */
img.gauche {
	vertical-align:text-top;
	float:left;
	margin:5px 10px 5px 0;
	}
img.droite {
	vertical-align:text-top;
	float:right;
	margin:5px 0 5px 10px;
	}
img.centrer {
	display:block;
	margin:5px auto;
	}