/* generale */
*{padding:0px; margin:0px; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
body {background-color:#ffffff;text-align:center;}
img {border:0;}
.floatleft {float:left;}
/* fin generale */

/* contenu */
#content {width: 765px; background-color:#fff; margin-left: auto; margin-right:auto;}		
#leftcol {width:190px;float: left; text-align:left; background-color: #fff; padding-bottom:4px;}
#rightcol {padding-top:24px;width:575px; background-color:#fff; float: left; text-align:left; text-align:right;}
#contener {width: 765px; margin-left: auto; margin-right:auto; float: left;}
#contenerleft {float: left; width:255px; text-align:left; background-color: #fff;}
#contenercenter {float: left; width:255px; text-align:left;}
#contenercenterinner {float: right; width:251px;}
#contenercenterinner dl {padding:10px 0px 10px 10px; border-bottom: 4px solid; border-bottom-color: White; background-color:#CCCCCC; color: #ffffff;}
#contenercenterinner dd {margin:3px;}
#contenerright {float: left; width:255px; text-align:left;}
#contenerrightinner {float: right;width:251px;}
#contenerrightinner dl {padding:10px 0px 10px 10px; border-bottom: 4px solid; border-bottom-color: White;}
#contenerrightinner dd {margin:3px;}
#bottom {height:40px; clear:both; width: 765px; background-color:#ff3300; margin-left: auto; margin-right:auto;}		
#bottom dl {background-color:#ff3300; float: right;}
#bottom dd {float: left; margin:3px;}
.blanc {float:left; color: #ffffff; width:150px;}
/* contenu */

/* titre */
h1 {padding-top:5px;}
h3 {clear: both; width:251px; height:66px; border-bottom: 4px solid; border-bottom-color: White; font-weight: normal;background-color:#ff3300; color: #ffffff; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h4 {clear: both; width:255px; height:66px; border-bottom: 4px solid; border-bottom-color: White; font-weight: normal;background-color: #ff3300; color: #ffffff; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h5 {clear: both; width:251px; height:86px; border-bottom: 4px solid; border-bottom-color: White; font-weight: normal;background-color:#ff3300; color: #ffffff; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
h6 {clear: both; width:251px; height:76px; border-bottom: 4px solid; border-bottom-color: White; font-weight: normal;background-color:#ff3300; color: #ffffff; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* fin titre */

/* lien */
A.lien:link, A.lien:visited, A.lien:active {color: #000000; text-decoration: none; border-bottom:1px dotted #000000;}
A.lien:hover {color: #fff; text-decoration: none; border-bottom:1px dotted #000000;}
A.liennoir:link, A.liennoir:visited, A.liennoir:active {color: #000000; text-decoration: none; border-bottom:1px dotted #000000;}
A.liennoir:hover {color: #666; text-decoration: none; border-bottom:1px dotted #000000;}
A.lienblanc:link, A.lienblanc:visited, A.lienblanc:active {color: #ffffff; text-decoration: none; border-bottom:1px dotted #ffffff;}
A.lienblanc:hover {color: #ffffff; text-decoration: none; border-bottom:1px dotted #ffffff;}
/* lien titre */

/* classe */
.rubrique{padding-top: 10px; font-weight: bold; padding-left: 7px;}
.gris {color: #999999; font-weight:bold; margin:0 0 0 14px;}
.barre {padding-top: 8px;padding-top: 8px;}
.contenu {padding-top: 10px;}
.rouge {clear: both; border-bottom: 4px solid; border-bottom-color: White; background-color:#ff3300; color: #ffffff; font-size:10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* fin classe */
	
/* liste */
dl.liste {clear:both; float:left; margin:0; width:251px;}
dl.liste dt {float:left; width:238px; color: #000; font-weight:bold; font-size:11px; list-style:none; background: url(picts/fleche.gif) 0 3px no-repeat; margin:5px 0 0 0; padding-left:12px;}
dl.liste dd {clear:both; float:left; width:254px; background: url(picts/separation_barre_deux.gif) bottom repeat-x; margin:0 0 7px 0; padding:0 0 15px 0;}
dl.liste dd p {clear:both; float:left; margin:3px 0 0 7px; width:240px;}
/* fin liste */

/* liste contenu */
dl.contenu {clear:both; float:left; margin:0; width:241px;}
dl.contenu dt {float:left; width:228px; color: #000; font-size:11px; list-style:none; background: url(picts/fleche.gif) 0 3px no-repeat; margin:5px 0 5px 0; padding-left:12px;}
/* fin liste contenu*/

/* bloc drag  */
#drag2 , .draggable, .frameClass {text-align:left; top:10px; left:10px; cursor:pointer; position: absolute; width: 350px; height: 300px; background-color: #fff; border:3px double #bcbcbc; border-width:3px; color:#555; padding:10px;}
.draggable p {font:italic 13px Georgia; font-weight:bold; color:#8e8e8e; margin:5px 0 0 0;}
.draggable p img {float:left; padding:10px 0 0 0;}
#drag2 h2 {text-transform:uppercase; padding-bottom:3px; border-bottom:1px dotted #555; font-size:14px; margin:0px 0 10px 0;} 
#drag2 strong {font-size:12px; margin:15px 0 10px 0; display:block;} 
#drag2 p a {color:#8e8e8e; font:italic 14px/14px Georgia; letter-spacing:1.0px; text-decoration:none;} 
#drag2 ins {font-size:9px; color:#555; text-decoration:none; margin:20px 0 0 0;  display:block;} 
#drag2 p.topmarge {padding:15px 0 0 0;}
#drag2 p.topmarge a, #drag2 p.topmarge a:hover {display:block; float:left; color:#6bac10; padding:4px;}
#drag2 p.topmarge a:hover {background-color:#6bac10; color:#fff; border:3px double #6bac10; border-width:0 3px;}

/* bloc drag  */


#essentialinside {background:#fff; clear:both; width:230px; float:left; padding:0px 4px 10px 4px; margin-left:10px;}
* html #essentialinside {width:220px;}
#essentialinside h3 {float:none; background:#fff; color:#777; font-size:10px; width:auto; font-weight:bold; clear:both; margin:2px 0 0 0; padding:0; height:10px;}
#essentialinside ul {color:#A9A7A7; float:left; text-align:left; clear:both; width:auto;}
*+html #essentialinside ul {clear:none;}
#essentialinside ul li {color:#6e6e6e; float:left; width:auto; list-style: none; margin-left:1px;}
#essentialinside ul li a {color:#6e6e6e; width:auto; text-decoration:none; margin-left:1px;}

.clear {clear:both;}
.padding15 {clear:both; padding-top:15px;}
.padding10 {clear:both; padding-top:10px;}