/* ############## base layout (width min-width - display - float - list-style)######################################### */
body {min-width:750px;}
#conteneur {width:980px;}
#mainmenu li{display:inline;}
#trad{float:right; padding:0; margin-top:-19px;}
#contenu {float:right; width:720px;}
#sidebar {float:left; width:250px;}
#footer {clear:both;}
#footer ul,#footer li {display:inline;}
.nettoyeur{clear: both; margin: 0; padding: 0; border: 0; height: 0;
line-height: 1px; font-size: 1px; overflow: hidden;}
.formulaire_spip label {float: left; width: 220px;}
.formulaire_spip legend{display:none;}
.formulaire_spip fieldset{border:none;}
fieldset p{border:none;}

/* ############## spacing padding ######################################### */
body, html, div {margin:0; padding:0;}
#conteneur {margin:0 auto;}
#entete {margin:0; padding:0;}
#entete h1{padding:0; margin:0;}
#mainmenu {padding: 10px; margin:0;}
#mainmenu ul{margin:0; padding:0;}
#mainmenu li{margin:0 0 0 8px; padding:0;}
#mainmenu a, #mainmenu a:hover{margin:0;padding:5px;}
#contenu{margin:0 2px 0 2px; padding:0;}
#contenu h2, #contenu h3, #contenu p {padding:0 10px;}
#sidebar {margin:0 2px 0 2px; padding:0px;}
#sidebar ul {margin:0; padding:0 0 0 5px;}
#sidebar li {padding:2px 0;}
#sidebar h3, #sidebar p {padding:0 10px 0 0; }
#footer {padding:2px 5px; margin:0;}
#footer ul{padding:0; margin:0;}
.article{padding: 5px 15px;}

/* ############## typo (font size, family, ... - text align ) ######################################### */
*, body, html {font-family: Verdana, Arial, sans-serif; text-align:justify; font-size:10pt;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
#contenu a{color:#4B2331;border-bottom:dotted 1px #4B2331;}
#contenu a:hover{border-bottom:none;}
#mainmenu ul, #sidebar ul{list-style:none;}
#mainmenu li, #mainmenu a, #sidebar li, #sidebar a{font-weight:normal;text-align:left;list-style:none;}
#footer {text-align:right;font-size:0.8em;}
#footer ul {list-style:none;}

/* ############## font & background color and images  ######################################### */
/*
gris original dad5cf e4e0dc ece9e6
     ecran    dad5cf e4e0dc ece9e6
violet original 4B2331 735357 917677
       ecran    4b2331 735357 917677
*/
div.carre{display:block; width:150px; height:150px; border:solid 1px #ddd; padding:10px 0 0 0;
margin:2px; float:left; text-align:center;}
#colors br{clear: both;}
#colors{margin:0px auto;}

body, html {background:#dad5cf; color:#000;}
a{color:#4B2331;}
a:hover{color:#ece9e6; }
#conteneur {background:#fff;}
#mainmenu a{color:#4B2331;background:#fff;}
#mainmenu a.on{color:#ece9e6;background:#917677;}
#mainmenu a:hover{color:#fff; background:#917677;}
#mainmenu{background: url("../IMG/gif/dots-horizontal.gif") repeat-x 0 100%;}
#contenu {background:#ece9e6;}
#sidebar, #sidebar a{color:#ece9e6; background:#735357;}
#sidebar .on {background:#adcf4f; color:#735357;}

#footer {background:#adcf4f;}

/* ############## design entete  ######################################### */
/**/
#entete{background:url("../IMG/gif/fond-logo.gif"); background-repeat:repeat-x; width:980px; height: 123px;}
#logo a{background:url("../IMG/siteon0.gif"); background-repeat : no-repeat;width:400px; height: 123px; float:right;}
#logo h1{display: none;}
#motiv{display:none;}
/*  POUR LE DEV - DANS LE TEMPLATE EN PROD
#bannerimage{height: 190px; background: url("../IMG/jpg/bandeau_accueil.jpg") no-repeat;}
*/


/* ############## border  ######################################### */
/*
#mainmenu {border : solid 1px red;}
#conteneur{}
#contenu {}
#sidebar {}
#footer{}
#logo{border : solid 1px yellow;}
#entete{border : solid 1px red;}
#conteneur {border : solid 1px #4b2331;}
*/
iframe {border:solid 1px black;}
#mainmenu a{border-bottom : solid 1px #ddd; border-right : solid 1px #ddd;}
#mainmenu a.on, #mainmenu a:hover{border-bottom : solid 1px #4B2331; border-right : solid 1px #4B2331;}