*, a {
	margin:0; padding:0;
	font-family:Lucida Grande, Lucida Sans Unicode, Trebuchet MS;
	font-size:12px; line-height:14pt;
	list-style-type:none;
	text-decoration:none;
	}

a img { border: 0 }
.logo {
	float:left;
	width:200px;
	height:80px;
	display:inline;
	}
.main {
	margin-left: auto;
	margin-right:auto;
	margin-top:10px;
    width:900px;
	}
.menu {
	width:300px;
	height:30px;
	float:left;
	display:inline;
	margin-top:65px;
	}
.menu li {
	display:inline;
	float:left;
	margin-top:2px;
	margin-right:1px;
	}
.menu li a {
	font-size:14px;
	color:white;
	padding:5px 5px 4px 6px;
	float:left;
	}
#DZ {background-image:url("img/dz.gif");}
#DZ a:hover {float:left; background-image:url(img/dz.gif);background-position: 0 -30px;}
#DV {background-image:url("img/dv.gif");}
#DV a:hover {float:left; background-image:url(img/dv.gif);background-position: 0 -30px;}
#RF {background-image:url("img/rf.gif"); }
#RF a:hover {float:left; background-image:url(img/rf.gif);background-position: 0 -30px;}
.legende {
	width:900px; 
	height:30px; 
	float:left; 
	display:inline;
	background-image:url("img/legende.gif");
	}
.legende p { 
float:right;
margin:5px 20px 0px 0px;
}
.legende p a{ color:#686868; margin-left:10px;}
.legende p a:hover {color:black;}

.recu {
	width:900px; 
	height:30px; 
	float:left; 
	display:inline;
	background-image:url("img/recu.gif");
	}
#recu {
	height:300px;
	float:left;
	}
#recu a:hover {text-decoration:none;}
.explorer {
	width:200px;
	height:400px;
	background-color:#fbf8f8;
	float:left;
	display:inline;
	padding-top:20px;
	}
.explorer h6 {clear:left; display:inline; font-weight:lighter; color:#9f9f9f; font-size:14px; margin:0px 0px 2px 25px;}
.explorer li {color:#5a5a5a; padding-left:35px;}
.explorer li a {color:#069fad;}
.explorer ul {float:left; display:inline; border-bottom:1px dotted #d6d6d6; padding:0px 0px 10px 0px; width:200px; margin-bottom:10px;}

#onglets li.actif {
	width:165px;
	float:left;
	display:inline;
	background-image:url("img/back.gif");
	background-repeat:no-repeat;
	}
#onglets li.actif a {color:white;}

#onglets a:hover {color:#ffab00;}
.contenu {
	width:700px;
	height:400px;
	float:left;
	display:inline;
	}
.G,.D {
	width:350px;
	float:left;
	display:inline;
	height:400px;
	}
.G {width:350px;}

.D {	
	width:343px;
	background-image:url("img/fond-d.gif");
	background-repeat:repeat-x;}
.thumbs {
	margin:5px 0px 0px 15px;
	padding:5px 0px 5px 5px;
	width:315px;
	float:left;display:inline;
	height:40px;
	}
.thumbs img {margin-right:5px;}
.clic {margin-left:15px;}
.listeG, .listeD {
	width:100px;
	float:left;display:inline;
	height:100px;
	margin:20px 0px 0px 10px;
	}
.listeD {text-align:left;color:#26c6d5;width:150px;}
.listeG {margin-left:40px;text-align:right;color:#5a5a5a;width:100px;}

.D ul {display:inline; float:right;
margin:0px 30px 0px 0px; padding:0;}
.D p {
	float:left; display:inline;
	width:300px;
	color:#5a5a5a;
	margin:85px 20px 0px 20px;
	padding:10px 0px 3px 0px;
	border-top:1px dotted gray;
	border-bottom:1px dotted gray;
	text-align:justify;
	}
.D b {
	color:#gray;
	font-weight:lighter;
	}
.img-c {
	width:320px;
	height:165px;
	float:left;display:inline;
	margin:15px 0px 0px 15px;
	}
#facebox h2 {
	margin:10px 30px 0px 0px;
	float:right;
	display:inline;
	font-size:18px;
	font-weight:lighter;
	font-family:Georgia;
	text-align:right;
	color:orange;
	width:400px;
	padding:5px 10px 5px 10px;
	}

#facebox h3 {
	margin:5px 0px 0px 0px;
	float:left;
	display:inline;
	font-size:18px;
	font-weight:lighter;
	font-family:Lucida Sans Unicode;
	color:white;
	padding:5px 10px 5px 10px;
	background-color:orange;
	}
.D h4, #facebox h4 {
	width:320px;
	margin:35px 13px 0px 0px;
	float:right;
	text-align:right;
	display:inline;
	line-height:16px;
	font-size:14px;
	font-weight:lighter;
	font-family:Lucida Sans Unicode;
	color:orange;
	}

.D h5 {
	width:320px;
	margin:10px 13px 0px 20px;
	float:right;
	text-align:right;
	display:inline;
	line-height:44px;
	font-size:24px;
	font-weight:lighter;
	font-family:Lucida Sans Unicode;
	color:#26c6d5;
	}
.D a {color:#26c6d5;}
.D a:hover{text-decoration:underline;}

.bottom {
	background-image:url("img/bottom.gif");
	width:900px;
	height:30px;
	float:left;
	display:inline;
	}
.vous {
	float:left;
	display:inline;
	margin-top:10px;
	width:900px;
	text-align:center;	
	color:gray;
	}
.vous a{color:#26c6d5;}	
.vous a:hover{text-decoration:underline;}	
/****** FLASH */
.vb li{
	float:left;
	display:inline;
	margin-left:3px;
	}
.flash {
	width:530px;
	height:410px;
	padding-top:10px;
	float:left;
	background-color:#fbf8f8;
	display:inline;
	}
.flash object{
	background-color:white;
	}
.flashside{
	width:165px;
	height:420px;
	background-color:#fbf8f8;
	float:left;
	display:inline;
	}
.vbside {margin-top:10px;}	
.vbside li{
	margin:15px 0px 0px 10px;
	border:1px solid #26c6d5;
	width:140px; height:80px;
	float:left;
	}
	
.contactlist textarea {
	height:90px;
	width:390px;
	padding:5px;
	}
.contactlist p {
	margin:0px;
	color:#ffab00;
	}
/****** FACEBOX */
 
#facebox .b { background:url('img/facebox/b.png'); }
#facebox .tl { background:url('img/facebox/tl.png'); }
#facebox .tr { background:url('img/facebox/tr.png'); }
#facebox .bl { background:url('img/facebox/bl.png'); }
#facebox .br { background:url('img/facebox/br.png'); }

#facebox { position: absolute; top: -100; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }

#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }

#facebox .body { padding: 10px 15px; background: #fbf8f8; width: 370px; }
#facebox * { color: #3f9edb; text-shadow: none; }

#facebox a { color: #393; }
#facebox a.download { background: url('../images/icon_download_small.png') no-repeat; color: #fff; font-size: 14px; padding: 3px 10px 3px 30px; }
#facebox a.download code { color: #fff;	}
#facebox a.source { background: url('../images/icon_source_small.png') no-repeat; color: #fff; font-size: 14px; padding: 4px 10px 3px 30px; }
#facebox p.archive { background: #bbb; margin: 9px 0; padding: 10px 12px; -moz-border-radius: 19px; -webkit-border-radius: 19px; }
#facebox p.archive:hover { background: #666; }

#facebox ul li { border-bottom: 1px solid #ddd; font-size: 12px; padding: 4px 15px 4px 15px; list-style-type:none; }
#facebox ul li strong { display: block; float: left; width: 100px; }
#facebox ol { margin-top: 18px; margin-bottom: 18px; padding-left: 16px; list-style-position: outside; list-style-type: decimal; }
#facebox ol li { font-size: 11px; }

#facebox p { 
	font-size: 14px; 
	font-family:georgia;
	margin: 5px 20px 5px 20px;
	color:#069fad;
	line-height:16pt;
	text-align:justify;
}
.sceno-p {
	font-size: 12px; 
	padding: 5px 10px 5px 10px;
	margin: 5px 30px 5px 30px;
	background-color:#26c6d5;
	text-align:justify;
	}
#facebox img { border: 0; margin: 0; }
#facebox b {color:#fabb00;}

#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }

#facebox .footer { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; text-align: right; clear:both; }

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }

#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%;}

.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
}