body{
font-family:"Trebuchet MS", "Arial";
font-size:10pt;
text-align:center;
background:url(http://www.allopermis.com/images/ar.jpg) repeat-x;
background-color:#ACB9BA;
}
table *{
font-family:"Trebuchet MS", "Arial";
font-size:10pt;
}
table th{
text-align:center;
}

table.stageInfos{
margin:15px 0px 0px 20px;background-color:#C8E2FF;padding:5px;
}
table.infos{
margin:15px auto;
background-color:#C8E2FF;padding:5px;
}
/*a:hover{
text-decoration:underline;
color:#CC3366;
}
a{
text-decoration:none;
color:#334444;
}*/
em{
color:#666;
}

img{
border:none;
}

div.space{
clear:both;
height:20px;
}
/*#content a{
text-decoration:none;
color:#334444;    
}
#content a:hover{
text-decoration:none;
color:#334444;
}*/

.permis a:link{text-decoration:none;color:#000000;}
.permis a:hover{text-decoration:none;color:#000000;}
.permis a:active{text-decoration:none;color:#000000;}
.permis a:visited{text-decoration:none;color:#000000;}


.points a:link{text-decoration:none;color:#CC3366;}
.points a:hover{text-decoration:none;color:#CC3366;}
.points a:active{text-decoration:none;color:#CC3366;}
.points a:visited{text-decoration:none;color:#CC3366;}

.stage a:link{text-decoration:none;}
.stage a:hover{text-decoration:underline;}
.stage a:active{text-decoration:none;}
.stage a:visited{text-decoration:none;}




#header,#center,#footer{
width:770px;
text-align:left;
margin:0px auto;
/*background:#FFFFFF;*/
/*background:url(/http://www.allopermis.com/images/barres.jpg) repeat-y;*/
background:url(http://www.allopermis.com/images/dar.png) repeat-y;
}

#header #head{
background:url(http://www.allopermis.com/images/header.jpg) no-repeat;
height:27px;
}

#header #barres{
position:absolute;
margin-left:201px;
}

#logo{
border:none;
margin:12px 0px 0px 14px;
}

#menuv{
float:left;
width:201px;
}
#menub{
margin:0;
background:url(http://www.allopermis.com/images/footerspare.jpg) no-repeat;
height:41px;
padding:0;
}
#menub p{
margin:0;
padding-top:7px;
}
#menub a{
color:#FFF;
font-weight:bold;
margin:0px 7px;
}
#content{
margin:0px 10px 0px 0px;
background-color:#fff;
float:right;
width:554px;
}
#content p{
margin-left:3px;
}
#footer{
clear:both;
}

#foot{
background:url(http://www.allopermis.com/images/foot.jpg) no-repeat left bottom;
text-align:center;
padding-bottom:10px;
color:#413D32;
font-size:8pt;
}
#foot p{
margin:0px auto;
padding:0;
background-color:#fff;
width:740px;
}
.both{
clear:both;
height:0;
margin:0;
padding:0;
* position:absolute;
}
.left{
clear:left;
height:0;
margin:0;
padding:0;
* position:absolute;
}

/* détails du menu horizontal */
ul#menuh{
height:20px;
margin:0px 0px 0px 150px;
padding:0;
background:none;
}
ul#menuh li{
list-style-type:none;
display:inline;
border-bottom:1px solid #DF638B;
margin:0px 10px;
float:left;
background-color:#DF638B;
font-weight:bold;
height:22px;
padding:1px 10px 0px 10px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
ul#menuh li a{
color:#fff;
}

ul#menuh li.select{
border:1px solid #000;
border-bottom:1px solid #fff;
background-color:#fff;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
ul#menuh li.select a{
text-decoration:none;
color:#343636;
}

/* détails du menu vertical */
#menuv ul{
margin:0;
padding:0;
}
#menuv ul li{
margin:10px 0px;
padding:0;
text-indent:20px;
background:url(http://www.allopermis.com/images/menuspare.png) no-repeat left 17px;
* background:url(http://www.allopermis.com/images/menuspare.png) no-repeat left 18px;
list-style-type:none;
font-family:Arial;
font-size:10pt;
color:#CC3366;
font-weight:bold;
}


#menuv ul li ul{
margin:10px 0px 20px 10px;
}
#menuv ul li ul li{
font-size:9pt;
text-indent:18px;
margin:0px 0px 0px 0px;
padding-top:4px;
* padding-top:3px;
background:none;
border-bottom:1px solid #D2D2D1;
font-weight:normal;
}

#menuv ul li.null{
margin:0;
background:none;
}
#menuv ul li.null ul li{
font-weight:bold;
border-bottom:2px solid #D2D2D1;
}

#menuv ul li ul li a{
text-decoration:none;
color:#333333;
}
#menuv ul li ul li a:hover{
text-decoration:underline; 
color:#CC3366;
}
#menuv ul li a{
color:#CC3366;
}

#menuv ul li ul li.select{
font-weight:bold;
background:url(http://www.allopermis.com/images/menupuce.gif) no-repeat 2px 3px;
* background:url(http://www.allopermis.com/images/menupuce.gif) no-repeat 2px 5px;
background-color:#F2F0F0;
}
#menuv ul li ul li.select a{
color:#334444;
}

/* détails pour le contenu */
#content h1{
margin:30px auto;
color:#4B807E;
text-align:center;
font-size:18pt;
}

#content h2{
color:#4586AF;
font-family:Arial;
margin-left:18px;
border-bottom:1px solid #4586AF;
clear:both;
font-size:17pt;
}

#content h3{
margin-left:18px;
color:#CC3366;
}
.h2{
color:#666;
font-family:Arial;
font-size:12pt;
font-weight:bold;
}
#content ul li{
list-style-type:square;
color:#333;
list-style-image:url(/http://www.allopermis.com/images/puce.gif);
list-style-position:outside;
margin-top:5px;
}
#content ul li ul li{
list-style-image:none;
list-style-type:square;
}

/* détails pour le footer */
#menub{
text-align:center;
}

/* divers */
.high{
color:#00B6F1;
}

#content .note{
background-color:#FFE7F4;
padding:7px;
margin:5px 20px;
}
table.tab_1{
width:100%;
border:2px solid #638BDF;
border-style:solid none;
border-collapse:collapse;
margin:2px auto;
}
table.tab_1 tr th{
padding:2px;
font-size:10pt;
background-color:#436BbF;
color:#fff;
}

table.tab_1 tr td{
padding:2px;
font-size:10pt;
border-top:1px solid #83ABFF;
}
table.tab_1 tr.a{
background-color:#FFF6FA;
}
table.tab_1 tr.b{
background-color:#E6FFFB;
}
table.tab_1 tr.c{
background-color:#C0C0C0;
}
table.tab_1 th.c{
background-color:#4b807e;
}
table.tab_1 tr.d{
background-color:#fcf;
}
table.tab_1 tr td.titre{
color:#4b807e;
font-weigth:bold;
}

.nombre{
text-align:right;
}

div.login{
margin:20px auto;
color:#000;
border:1px solid #DFA7BA;
background-color:#FFD7F4;
width:300px;
text-align:center;
}

ul#railroad{
margin:20px 0px 10px 0px;
border-bottom:2px solid #CC3366;
font-weight:bold;
height:21px;
padding:0px;
}
ul#railroad li{
float:left;
list-style-type:square;
color:#333;
list-style-image:url(http://www.allopermis.com/images/puce.gif);
list-style-position:inside;
padding:0px;
margin-left:0px;
margin-right:5px;
font-family:arial;
font-size:9pt;
}

/* pour ie */
ul#railroad li{
* list-style-type:none;
* list-style-position:inside;
}
ul#railroad li a{
* list-style-type:square;
* display:list-item;
* margin:0px 5px 0px 0px;
}
/*
 * messages d'informations
 */
p.error{
	border:2px solid #CC3366;
	background-color:#FFDDEE;
	text-align:center;
	padding:20px;
	margin:20px;
	font-weight:bold;
}
div#bulle{
width:320px;
height:155px;
position:absolute;
margin-left:9px;
margin-top:30px;
background:url('http://www.allopermis.com/images/bulle.png') no-repeat;
}

div#bulle div.h2{
margin:6px 20px;
}

div#bulle ul,div#bulle ul li{
margin:0;
padding:0;
}

div#bulle ul{
padding-left:25px;
}
/*
#permis4points{
background:url(/http://www.allopermis.com/images/permis-4-points.png) no-repeat;
width:359px;
height:109px;
z-index:100;
position:absolute;
margin:-115px 0px 0px 406px;
* margin:-117px 0px 0px 406px;
}
*/
#permis4points{
background:url('http://www.allopermis.com/images/permis-4-points.png') no-repeat;
width:359px;
height:109px;
z-index:100;
float:right;
margin:-115px 5px 0px 0px;
* margin:-117px 5px 0px 0px;
}
p.warning{
text-align:center;
color:#A00;
font-weight:bold;
}
p.ok{
text-align:center;
color:#080;
font-weight:bold;
}

span.allopermis_allo{
color:#358F8F;
}
span.allopermis_permis{
color:#BD4573;
font-style:italic;
font-size:10pt;
}

/* formulaire */
input,select{
margin:2px;
}
input[type=submit],input[type=button],button,select{
cursor:pointer;
font-weight:bold;
font-size:9pt;
}
select{
font-weight:normal;
}
input[type=text], input[type=password], textarea{
padding:1px 3px;
border:1px solid #997796;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus{
border:1px solid #35769F;
background-color:#EEEFFF;
}
#connect{
margin-left:580px;
color:#8F2348;
position:absolute;
}

.red{
border:1px solid #F77;
background-color:#FDD;
font-weight:bold;
}
.hide{
visibility:hidden;
display:none;
}
.planing {
border-spacing: 0px;
border-collapse: collapse;
color:#444;
margin:auto;
width:500px;
border:0px;
}
.planing tr th{
background-color:#FFE7F4;
text-align:left;
}
.planing tr td{
color:#000;
text-align:center;
background-color:#E0EFEE;
}

.modif{
margin:auto;
background-color:#D8F2FF;
border: 1px solid #8E9EAF;
}

.tel{
color:#0089AF;
}
.pt{
font-size:8pt;
}
.gd{
font-size:13pt;
}

/* pour la recherche yahoo */
#ysearchmod {position:relative;padding:1em;}
#ysearchautocomplete {position:relative;z-index:100;}/* set width of widget here*/
#ysearchcontainer {position:absolute;top:1.7em;width:200px;}
#ysearchcontainer .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
#ysearchcontainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}
#ysearchcontainer ul {margin:0;padding:0;width:100%;}
#ysearchcontainer li {margin:0;padding:0 5px;cursor:default;white-space:nowrap;}
#ysearchcontainer li.yui-ac-highlight {background:#ff0;}