*
{ 
margin:0%;
padding:0%;
}


body{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
}


#page{
color:#000;
background-color:#fff;
}

#logo{
margin:3% 0% 0% 3%;
}

#logo img{
border:0;
}

#menus{
background-color:#fff;
color:#000;
position:absolute;
right:2%;
text-align:center;
top:2.5em;
width:30em;
}

#menus ul{
margin:0;
padding:3px 0 0 0;
}

#menus li{
display:inline;
font-weight:700;
margin:0;
padding:0;
}

#menus a{
color:#686151;
padding:0 0.5em;
text-decoration:none;
background-color:#fff;
}

#menus a:hover{
background-color:#369;
color:#fff;
}

#moteur{
position:absolute;
right:24%;
top:2em;
text-align:right;
}

#moteur input.champs, #main .txtbox{
color:#333;
background-color:#fff;
background-position:top;
border:1px solid #999;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
width:12em;
}

#main .txtarea{
color:#333;
background-color:#fff;
background-position:top;
border:1px solid #999;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
width:75%;
}

#main .but{
background-color:#686151;
border-color:#000;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

#main .but:hover{
background-color:#369;
border:1px solid #369;
color:#fff;
}

#moteur input.valid, #pages input.valid{
background-color:#686151;
border-color:#000;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

#moteur input.valid:hover, #pages input.valid:hover{
background-color:#369;
border:1px solid #369;
color:#fff;
}

#menug{
width:55%;
margin-left:auto;
margin-right:auto;
margin-top:3%;
text-align:center;
}

#menug ul{
list-style-type: none;
padding: .5em 0;
}

#menug li{
display:inline;
padding:.5em
}

#menug a{
text-decoration:none;
font-weight:700;
font-size:medium;
color:#686151;
padding:.3em;
}

#menug a:hover{
background-color:#369;
color:#fff;
padding:.3em;
}

#menugs{
width:55%;
border-top: 1px solid #999;
margin-left:auto;
margin-right:auto;
margin-bottom:.5%;
text-align:center;
}

#menugs ul{
list-style-type: none;
padding: .5em 0;
}

#menugs li{
display:inline;
padding:.5em;
}

#menugs a{
text-decoration:none;
font-weight:600;
color:#686151;
padding:.3em;
display: inline; /*inline-block;*/
}

#menugs a:hover{
background-color:#369;
color:#fff;
padding:.3em;
}

#sondage * {
margin:0;
padding:0;
font-size:x-small;
/*font-size:13%;*/
}

#sondage{
border: 1px solid #999;
background: #fff;
color: Black;
width: 12%;
margin-left:4%;
margin-top:3%;
float:left;
}

#sondage h1{
background-color:#D4E1EE;
border-bottom:1px solid #999;
text-align: center;
}

#sondage dl {
padding:2%;
}

#sondage dt{
float:left;
display:block;
width:28%;
height:2em;
text-align:left;
}

#sondage dd{
/*float:left;*/
display:block;
height:2em;
text-align:left;
}

#sondage div {
clear:both;
text-align:center;
padding:2px;
}


#main .titresec{
margin-left:6%;
width: 28%;
color: black;
font-weight:700;
font-size:medium;
}

.titresection{
margin-left:6%;
width: 28%;
color: black;
font-weight:700;
font-size:medium;
border-bottom:2px dotted #a2c2e1;
}

#main{
width:90%;
margin-left:6%;
}

#main h2{
font-style:normal;
font-weight:500;
color:#69c;
}

#main a{
color:#ff9900;
text-decoration:none;
}

.test a{
color:#000;
text-decoration:none;
}

.cat ul
{

}

.cat li
{
margin-left:12%;
width:60%;
list-style-type: none;
}

.cat a
{
color:#000;
text-decoration:none;
}

dl.cat{
margin-left:6%;
margin-top:2%;
width:60%;

}

.categorie{
margin: 0 0 1% 5%;
border-bottom:2px dotted #a2c2e1;
padding: .5em;
font-weight: bold;
text-align:left;
width:25%;
}

.cate, .cat dt{
margin: 0 0 0 0;
border-bottom:2px dotted #a2c2e1;
padding: .5em;
font-weight: bold;
text-align:left;
}

.cat dd{
width: 60%;
margin: 0 0 0 0;
padding: .5em;
text-align:left;
}

dl#nouvelle2{
width: 75%;
margin-left: 20%;
margin-top:3%;

padding: 0;
font-family: georgia, times, serif;
text-align:center;
margin-bottom:4%;
}

dl#nouvelle{
width: 75%;
margin-left:6%;
margin-top:3%;
float:left;
padding: 0;
font-family: georgia, times, serif;
text-align:center;
margin-bottom:4%;
}

#nouvelle dt, #nouvelle2 dt{
width: 18%; /*15em;*/
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
clear: left; 
}

#nouvelle dd, #nouvelle2 dd{
float: left;
width: 60%; /*24em;*/
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
text-align:left;
}

#pied{
margin-top:10%;
padding: 0;
text-align:center;
clear:both;
}

#pied a{
color:#369;
text-decoration:none;
background-color:#fff;
}


.code{
color:#297700;
background-color:transparent;
font-family:"Courier New",Courier,monospace;
font-size:small;
border-left:5px solid #a2c2e1;
padding:0.5em 1em;
padding-bottom:0em;
margin-top:1em;
margin-bottom:0em;
margin-left:2em;
width:90%;
clear:both;
overflow:auto;
}

.shell{
background: #595454;
color: White;
font-size:small;
padding-top: 4px;
padding-bottom: 4px;
margin-left: auto;
margin-right: auto;
width: 90%;
}

.auteur{
text-align: right;
margin-right: 1%;
margin-top:1em;
margin-bottom:1em;
}

p {
margin: 1em 0;
}

#minimenu{
font-size:small;
margin-left:75%;
}

#minimenu ul{
padding: .2em 0;
}

#minimenu li{
list-style-type: none;
color:#000;
display:inline;
padding: .5em
}

textarea{
border: 1px solid #5fa7d9;
}


.but{
font-size:11pt;
font-weight:normal;
font-style:normal;
color:#fff;
background-color:#686151;
border-style:outset;
border-width:2px;
border-color:#CCCCCC;
}

#main .comparatif{
width:60%;
margin:auto;
}

#main .centre{
text-align:center;
}