/********************************/
/*  CSS LIEN SUR LE SITE  */
/********************************/
/* BALISES HTML*/
body{background-color:#FFFFFF;margin-top:0;}
a{color:#505050;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size:11px;}
a:active{color:#8DAC33;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size:11px;}
a:hover{color:#8fb03e;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size:11px;}
a:visited {color:#505050;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size:11px;}
dl{width: 245px;background-color:transparent;background:url(../images/bgleft.jpg) top left repeat-y;margin: 0 0 0 0;}
dd{margin: 5px 5px 5px 30px;}
dt{height:30px;}
h1.pagetitle{clear:both;margin:20px 0 0.4em 0;padding:0 0 2px 0;border-bottom:2px solid #505050;font-family:Verdana, Arial, Helvetica,sans-serif;color:#505050;font-weight:bold;font-size:14px;}
ul {list-style:circle; margin:2px 10px 2px 10px;list-style-type: circle;list-style-position: outside;}
ul li {color:#505050; line-height:1.2em; font-size:11px;list-style-type: circle;list-style-position: outside;}
ul,ol{color:#505050;text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;list-style-type: circle;list-style-position: outside;}
ul,ol li{margin:2px 10px 2px 10px; padding:0 0 0 12px;line-height:1.4em;font-size:11px;list-style-type: circle;list-style-position: outside;}
p {margin:0 0 0 0;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#505050;text-align:left;}
h5 {margin:1.5em 0 1.0em 0;font-weight:bold;color:#505050;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
select.deroul {width:190px; margin:2px; border:solid 1px #505050; font-family:verdana,arial,sans-serif; font-size:10px;}
input.champs {width:190px;float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;border:solid 1px #505050;}
textarea.area {width:190px;padding:2px; border:solid 1px #505050; font-family:verdana,arial,sans-serif; font-size:10px;}
/* BALISES DIV*/
div#tophaut{clear:both;margin: 0 0 0 0;overflow: hidden;width: 960px;height:25px;text-align:left;}
#cadre{width:195px;margin:0;padding:0;}
#cadre #header{background-repeat:no-repeat;width:195px;height:30px;padding:0 0 0 0;}
#cadre .content_menu{background-repeat:repeat-y;width:195px;height:159px;font-size:11px;color:#505050;font-family:Verdana, Arial, 
Helvetica, sans-serif;padding:0 2px 0 2px;text-align:left;}
#cadre .footer{background-repeat:no-repeat;width:195px;height:11px;font-size:10px;}
#content {clear:both;float: left;text-align: justify;width: 920px;margin:2px 2px 2px 25px;background-color:#FFFFFF;font-size:11px;}
#navigation {float: left;width: 245px;margin:0 0 0 0;font-size:11px;text-align:left;background:url(../images/bgleft.jpg) top left repeat-y;margin: 0 0 0 0;}
#main{float:left;width: 695px;margin:0 2px 180px 10px;background-color:#FFFFFF;text-align:left;}
div#ombre{clear:both;background-image:url('http://www.dorboweb.com/images/back.jpg');background-repeat:repeat-y;margin: 0 auto;width: 1024px;min-height:1024px;}
div#total{clear:both;margin: 0 auto;overflow: hidden;width: 960px;}
div#headerpage{width:960px;height:400px;margin:0;padding:0; float:left;}
div#bas{clear:both;background-image:url('http://www.dorboweb.com/images/footer2.jpg');
background-repeat:no-repeat;width:960px;height:120px;
background-color:#1d2228;}
/* BArre de menu haut*/
div#menu1{ float:left;width:960px;height:30px;margin:0;padding:0;background-image:url('http://www.dorboweb.com/images/barre_menu_horizontale.jpg');background-repeat:no-repeat;}
div#menu1footer{width:960px;height:37px;margin:0;padding:0;background-image:url('http://www.dorboweb.com/images/4.jpg');background-repeat:no-repeat;
float:left;}	
/* LES CLASSES*/
.right{text-align:right;}
.espace_bas{padding:5px;}
.bold{color: #505050;text-decoration:none;font-family: Verdana, Arial, Helvetica,sans-serif;font-weight: bold;}
.menu:link{color:#505050;text-decoration:none;font-family: Verdana, Arial, Helvetica,sans-serif;font-size: 10px;font-weight: normal;}
.menu:active{color:#8DAC33;text-decoration:none;font-family: Verdana, Arial, Helvetica,sans-serif;font-size: 10px;font-weight: bold;}
.menu:hover{color:#8fb03e;text-decoration:none;font-family: Verdana, Arial, Helvetica,sans-serif;font-size: 10px;font-weight: bold;}
.menu:visited{color:#505050;text-decoration:none;font-family: Verdana, Arial, Helvetica,sans-serif;font-size: 10px;font-weight: normal;}
.menubold:link{color:#505050;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;}
.menubold:active{color:#8DAC33;text-decoration:none;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:10px;font-weight:bold;}
.menubold:hover{color:#8fb03e;text-decoration:none;font-family: Verdana, Arial, Helvetica,sans-serif;font-size:10px;font-weight:bold;}
.menubold:visited{color:#505050;text-decoration:none;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:10px;font-weight:bold;}
.barretitre{clear:both;background-image:url('http://www.dorboweb.com/images/tranche_menu_graphique_1_02.jpg');background-repeat:repeat-x;width:960px;height:70px;margin:0;padding:0;}
.barretitreac{clear:both;background-image:url('http://www.dorboweb.com/images/headerbut.jpg');
background-repeat:no-repeat;width:960px;height:70px;margin:0;padding-top:15px;color:#FFF;}
.normal{font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#505050;text-align:left;}
.footer {color:#FFFFFF;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight: normal;
}
.footer a {color:#FFFFFF;text-decoration:none;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.footer a:active {text-decoration:none;color:#8fb03e;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.footer a:hover {text-decoration:none;color:#8fb03e;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.footer a:visited {color:#505050;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.fancyfooter {color:#FFFFFF;text-decoration:none;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:9px;font-weight: normal;}
.fancyfooter a{color:#FFFFFF;text-decoration:none;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.fancyfooter a:active {text-decoration:none;color:#8fb03e;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.fancyfooter a:hover {text-decoration:none;color:#8fb03e;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.fancyfooter a:visited {color:#505050;font-size:9px;font-weight: normal;font-family: Verdana, Arial, Helvetica, sans-serif;}
.blanc a {text-decoration:none; color:#FFFFFF;}
.blanc a:active {text-decoration:none;color:#8fb03e;}
.blanc a:hover {text-decoration:none;color:#8fb03e;}
.blanc a:visited {color:#FFFFFF;}
.rouge {font-size: 10px;color: #B6282B;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;}
.stepgauche{background: #fff;color:#505050;float: left;margin: 10px 10px 10px 10px;width: 200px;}
.stepdroite {background: #fff;color:#505050;float: right;padding:5px 5px 5px 5px;border:solid 1px #bfbfbf;width:450px;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
div#carre_ac{color:#505050;border:solid 1px #bfbfbf;float: left;margin: 0 2px 10px 0;padding:5px 5px 5px 5px;width:300px;height:180px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight: normal;background-image:url(http://www.dorboweb.com/images/fondac.jpg);background-repeat:repeat-x;border-right:solid 1px #505050;border-left:solid 1px #505050;}
div#carre_ac2{color:#505050;border:solid 1px #bfbfbf;float: left;margin: 0 2px 10px 0;padding:5px 5px 5px 5px;width: 300px;height:180px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight: normal;
background-image:url(http://www.dorboweb.com/images/fondac.jpg);background-repeat:repeat-x;border-right:solid 1px #505050;border-left:solid 1px #505050;}
div#tete_ac{color:#FFFFFF;border:solid 1px #bfbfbf;float:left;width:310px;padding:0 0 0 0;height:28px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight: bold;background-image:url(http://www.dorboweb.com/images/teteac.jpg);background-repeat:repeat-x;border-right:solid 1px #505050;border-left:solid 1px #505050;}
.gauche {background: #fff;color:#505050;float:left;padding:0 5px 0 5px;/*border:solid 1px #bfbfbf;*/border:solid 1px #FFFFFF;width:475px;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.droite {background: #fff;color:#505050;float: right;padding:0 0 0 0;margin:0 0 2px 0;width:195px;font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.droitehaut{background-repeat:no-repeat;height:30px;float:right;margin:0 0 0 0;width:195px;}
.classic{clear:both;width:690px;border-collapse:collapse;empty-cells:show;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #505050;font-weight: normal;}
.classic2{clear:both;width:475px;border-collapse:collapse;empty-cells:show;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #505050;font-weight: bold;}
td.titre {clear:both;width:auto;border-collapse:collapse;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;text-align:center;height:15px;font-weight: bold;}
th {clear:both;width:265px;border-collapse:collapse;border:solid 1px #505050;font-family:Verdana,Arial, Helvetica, sans-serif;font-size: 10px;color: #FFFFFF;text-align:left;height:15px;font-weight: bold;background-color: #505050;}
td.cellule {clear:both;width:auto;border-collapse:collapse;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #505050;text-align:center;height:25px;font-weight: bold;}
td.cellule2 {clear:both;width:25px;border-collapse:collapse;empty-cells:show;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #505050;text-align:center;height:25px;font-weight: bold;}
td.details {clear:both;width:265px;border-collapse:collapse;empty-cells:show;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #505050;text-align:left;height:25px;font-weight: bold;}
td.details2 {clear:both;width:400px;border-collapse:collapse;empty-cells:show;border:solid 1px #505050;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#505050;text-align:left;height:25px;font-weight: bold;}
/* FORMULAIRE DE CONACT*/
.contactform {float:left;clear:both;width:560px;margin:5px 2px 10px 2px;padding:5px 2px 10px 2px;background-color:#FFFFFF;}
.contactform fieldset {padding:10px 0 10px 0; margin:10px 0 10px 0; border:solid 1px #505050;background-color:#FFFFFF;}
.contactform fieldset legend {margin:0 0 15px 5px !important /*Non-IE*/;margin:0 0 20px 5px /*IE6*/;padding:0 2px 0 2px;
color:#FFFFFF;font-family:verdana,arial,sans-serif;font-weight:bold;font-size:12px;text-transform: uppercase;background:#505050;}
.contactform label.left {float:left; width:200px; margin:0 0 0 10px; color:#505050;padding:2px; font-weight:bold;font-size:10px;}
.contactform label.long {float:left; width:360px; margin:0 0 0 10px; color:#505050;padding:2px; font-weight:bold;font-size:10px;}
.contactform select.combo {width:230px; margin:2px; border:solid 1px #505050; font-family:verdana,arial,sans-serif; font-size:10px;}
.contactform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.contactform input.field {width:210px;background-color:#FFFFFF;margin:2px;border:solid 1px #505050;font-family:verdana,arial,sans-serif;font-size:10px;}
.contactform textarea {width:230px;padding:2px; border:solid 1px #505050; font-family:verdana,arial,sans-serif; font-size:10px;}
.contactform input.button {float:right;width:150px; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#FFFFFF; border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:#505050; font-size:10px;font-weight:bold;}
.contactform input.button:hover {float:right;cursor: pointer; border:solid 1px #505050; background:#d2dde4; color:#505050;font-weight:bold;}
/* CSS Générateur de CSS en ligne*/
/*Onglets*/
#headerbis {float:left;width:690px;font-size:11px;line-height:normal;}
#headerbis ul {margin:0;padding:10px 10px 0;list-style:none;}
#headerbis li {float:left;background:url("http://www.dorboweb.com/outils-en-ligne/generateur-css/images/left.gif") no-repeat left top;margin:0;padding:0 0 0 9px;}
#headerbis a {display:block;background:url("http://www.dorboweb.com/outils-en-ligne/generateur-css/images/right.gif") no-repeat right top;padding:5px 15px 4px 6px;text-decoration:none;
font-weight:bold;color:#765;}
#headerbis a:hover {color:#333;}
#b1 #nav1, #b2 #nav2,#b3 #nav3,#b4 #nav4,#b5 #nav5,#b6 #nav6,#b7 #nav7,#b8 #nav8{background-image:url("http://www.dorboweb.com/outils-en-ligne/generateur-css/images/left_on.gif");}
#b1 #nav1 a, #b2 #nav2 a,#b3 #nav3 a,#b4 #nav4 a,#b5 #nav5 a,#b6 #nav6 a,#b7 #nav7 a,#b8 #nav8 a{background-image:url("http://www.dorboweb.com/outils-en-ligne/generateur-css/images/right_on.gif");padding-bottom:5px;}
#toutes-categories {position:relative;} 
#categorie1,#categorie2,#categorie3,#categorie4,#categorie5,#categorie6,#categorie7,#categorie8 {position:relative;top:0px;width:100%;
background-color:#FFFFFF;
height:0px;z-index:0;overflow:scroll;}
/*textarea avec le code à copier*/
#style-a-copier{background:rgb(225,225,225);height:20em;width:40em;}
.bouton3 {/*float: left;*/font-size:10px; margin:2px;padding:2px;background-color: #EEE0F1;border: thin outset #CCFFFF;cursor:pointer; }
input.bouton {background-color: #EEE0F1;border: thin outset #CCFFFF;color:#505050;}
td.col1 {background-color: #D5D0BA;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-align: left;width:100px;
border:1px dotted #0000CC;}
td.col2 {background-color: #E4E7DD;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-align: left;width:200px;
border:1px dotted #0000CC;}
td.col3 {background-color: #D5D0BA;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;width:390px;text-align: left;border:1px
dotted #0000CC;}
td.titre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;font-variant: small-caps;color:#FFFFFF;
background-color: #505050;}
.bouton {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 1em;color: #0000FF;cursor: pointer;}
.spacer {clear: both;margin:0%;padding:0px;height:0px;line-height:0px;}
.formulaire {font-family:Verdana, Arial, Helvetica, sans-serif;text-align: left;border: 1px solid #00CC66;margin: 5px;padding: 5px;
background-color: #66FF99;width:690px;float:left;}
img {border: 0px;}
/* CSS News défilante*/
.news_style{display:none;}
.news_show{background-color: white;color:#505050;width:300px;height:310px;
font-family:Verdana, Geneva, sans-serif;font-size:10px;overflow: auto;	}
.news_border{background-color:#FFFFFF;width:310px;height:auto;font-family:Verdana, Geneva, sans-serif;
font-size:10px;border: 1px solid #8fb03e;padding: 5px 5px 5px 5px;overflow: auto;}
.news_mark{font-family:Verdana, Geneva, sans-serif;font-size:9px;
font-weight:bold;border: 0px solid gray;width:220px;color:#505050;background-color:#FFFFFF;text-align:left;margin-left:80px;}
.news_title{font-family:Verdana, Geneva, sans-serif;font-size:10px;font-weight:bold;border: 0px solid gray;padding: 0px 0px 9px 5px;color:#505050;}
.news_show img{margin-left: 5px;margin-right: 5px;}
.buttondiv{/*position: absolute;float: left;*//*top: 169px;border: 1px solid gray;*//*border-top-color: white;*/float:left;height:20px;padding: 0px 5px 5px 5px;
background-color:transparent;width:80px;border-top:none;}
/*Barre de navigation horizontale*/
#tab {top:0;margin:0;}
#tab ul{list-style:none;float:left;margin:0;padding:0;}
#tab li{display:inline;float:left;margin:0;padding:0;border-right:solid 1px #565a5d;}
#tab a{text-decoration:none;border:0;display:block;float:left;margin:0;padding:0;background-color:#353c44;}
#tab a span{display:block;font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#FFFFFF;font-weight:bold;
line-height:27px;padding-top: 0;padding-right:5px;padding-bottom: 0;padding-left:5px;}
#tab a:hover,#tab li.item_active a {}
#tab a:hover span,#tab li.item_active a span{background-position:left bottom;color:#FFFFFF;font-weight:700;
font-style:normal;text-decoration:none;background-color: #8fb03e;}
/*Classe Barre de navigation horizontale*/
.tabfooter{display:block;font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#505050;font-weight:bold;
line-height:27px;padding-top: 0;padding-right:5px;padding-bottom: 0;padding-left:5px;}
.tabfooter a{text-decoration:none;border:0;display:block;float:left;margin:0;padding:0;background-color:transparent;}
.tabfooter a:hover{background-position:left bottom;color:#FFFFFF;font-weight:700;
font-style:normal;text-decoration:none;background-color: #8fb03e;}
/*Barre de navigation horizontale Footer*/
#tabfooter {top:0;height:0;background:repeat-x top;margin:0;float:left;}
#tabfooter ul{list-style:none;float:left;margin-top:1px;padding:0;}
#tabfooter li{display:inline;float:left;margin:0;padding:0;border-right:solid 1px #565a5d;}
#tabfooter a{text-decoration:none;border:0;display:block;float:left;margin:0;padding:0;background-color:transparent;}
#tabfooter a span{display:block;font-family:Arial, Helvetica, sans-serif;font-size:9px;color:#505050;font-weight:bold;
line-height:27px;padding-top: 0;padding-right:5px;padding-bottom: 0;padding-left:5px;}
#tabfooter a:hover,#tab li.item_active a {}
#tabfooter a:hover span,#tab li.item_active a span{background-position:left bottom;color:#FFFFFF;font-weight:700;
font-style:normal;text-decoration:none;background-color: #8fb03e;}
/********************************/
/*  CSS SUR ACCORDEON HORIZONTAL */
/********************************/
.test3{display: none;}
.but{
	border:none;
	background-color:transparent;
	font-weight:600;
	font-size:11px;
	color:#FFF;}
/*Main Container*/
.container {width:900px;	}
.container ul{list-style-type: none;margin: 0;padding:0;	}
.container li{display: inline;margin: 0px;padding:0px;}
/*Content Container*/
.contentContainer {padding-left:0px;float:left;width:0px;height:310px;overflow:hidden;}
.contentWrapper{}
.contentInnerWrapper{text-align:justify;padding:10px;}
.contentWrapper h3{border-bottom: 2px solid #505050;background-color: #444444;	}
p{padding:5px;text-align:justify;}
/*  TEST 3  */
/*Main Container*/
.container3{width:100%;}
.container3 ul{list-style-type: none;margin: 0px;padding:0px;	}
.container3 li{display: inline;margin: 0px;padding:0px;}
/*Handle*/
.handle3 {float:left;width: 64px;height:314px;text-align:center;background:#666;border:1px solid white;}
.handle3 img{margin-top:2px;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
.handleOver3{background:#86a43a;border: 1px solid white;}
.handleOver3 img{margin-top:2px;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
.handleSelected3{background: #000;border: 1px solid white;}/*Content Container*/
.contentWrapper3{text-align: justify;}
.contentInnerWrapper3{padding: 10px;}
.contentWrapper3 h3{border-bottom: 2px solid #505050;color: #505050;}
.contentContainer3{padding-left: 0px;float: left;width:0px;height:310px;overflow:hidden;}