html,body{height:100%;}
html{overflow-y:scroll;}
body{font:normal 0.9em Arial,Geneva,sans-serif;background-color:#FFF;text-align:center;margin:0;padding:0;}

a{text-decoration:none;}
a:hover{text-decoration:underline}


.message{width:50%; margin:2em auto; padding:1em 1em 1em 30px}
.msgerreur{background:#fff6bf url(../../../htdocs/img/icon_exclamation.png) center no-repeat;background-position:15px 50%; text-align:left;padding:10px 20px 10px 45px;border-top:2px solid #e86857;border-bottom:2px solid #e86857;}
.msgok{background:#fff6bf url(../../../htdocs/img/icon_accept.png) center no-repeat;background-position:15px 50%; text-align:left;padding:10px 20px 10px 45px;border-top:2px solid #71b85a;border-bottom:2px solid #71b85a;}

/* ----- wrapper (sticky footer) -----*/
#wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -4em;}
/* -- */
#wrapper{background:#F33}


/* ----- header -----*/

#header{height:100px}
#header h1{position:absolute;top:0;left:50%;margin-left:-490px;height:100px;}
#header h1 a{display:block;position:absolute;top:0;left:50%;height:100px}
#header h1 a span{display:none;}
#menu{position:absolute;top:50px;left:50%;width:490px;text-align:right;}
#menu ul{float:right}
#menu li{float:left;}
#menu a{display:block;margin-left:15px;padding:0 1em;font:bold 1.2em Arial,Geneva,sans-serif}
#menu a:hover{text-decoration:none}
/* -- */
#header{background:#FFF url('../img/background.gif') repeat-x top left;}
#header h1{width:420px;}
#header h1 a{margin-left:-210px;width:420px;background:transparent url('../img/logo.gif') no-repeat top left;}
#menu a{color:#F00; border-bottom:5px solid red}
#menu a:hover{color:#F0F; border-bottom:5px solid pink}


/* ----- main layout-----*/

#main{width:980px;padding:20px 0;margin:0 auto; overflow:hidden; text-align:left}
/* -- */
#main{background:#F33;}


/*----- colMenu -----*/

#colMenuContainer {width:220px;float:left; text-align:center}
#colMenu {width:180px;margin:0 auto;text-align:center;}
#colMenu p {width:170px;text-align:left; margin:0 auto}
#colMenu h2 {font-weight:bold;width:170px;height:1.5em;line-height:1.5em;text-align:center; margin:0 auto}
#colMenu h3 {font-weight:bold;width:170px;height:1.5em;line-height:1.5em;text-align:center; margin:0 auto}
#colMenu ul{list-style-type:none;padding-bottom:1px;margin:0 5px;text-align:left;margin-bottom:10px;}
#colMenu a{font:normal 0.9em Arial, Geneva, sans-serif;}
#colMenu li a{display:block;width:168px;margin:1px;}
#colMenu li a:hover{text-decoration:none;}
#colMenu li span{padding:3px;display:block}
/* -- */
#colMenu {background:#F33}
#colMenu h2 {background:#c09;color:#FFF}
#colMenu h3 {background:#c0c;color:#FFF}
#colMenu ul{background:#e70010}
#colMenu a{color:#FFC}
#colMenu a:hover{color:#FFF}
#colMenu li a{color:#555;background-color:#fff5ed}
#colMenu li a:hover{color:#333;background-color:#ffb985}



/*----- colTxt -----*/

#colTxt p {margin:10px}
#colTxt {width:750px;float:left}
#colTxt h1 {font:bold 1.5em Arial,Geneva,sans-serif;padding:5px 20px; margin-bottom:20px}
#colTxt .bloc{width:375px;float:left;height:150px;font:normal 0.9em Arial,Geneva,sans-serif;margin:0; text-align:center}
#colTxt .blocLiensBoutique {float:left;width:375px;font:normal 0.85em Arial,Geneva,sans-serif;}
#colTxt .blocLiensBoutique p{margin-left:20px}
#colTxt .blocLiensBoutique a {line-height:1.5em}
#colTxt .article {margin-bottom:20px}
#colTxt .article img {float:left;margin:0 20px 20px 0}
#colTxt .article p {overflow:hidden; margin: 10px 20px 10px 50px; line-height:1.3em}
#colTxt .article ul {list-style:disc;margin: 10px 20px 10px 50px; line-height:1.3em}
#colTxt .article li {margin-bottom:1em}
#colTxt table{width:350px;margin:5px auto;}
#colTxt td{vertical-align:top;padding: 3px;font:normal 0.9em Arial,Geneva,sans-serif;}
#colTxt td img{margin-right:10px}
#colTxt b {font:bold 1.2em Arial,Geneva,sans-serif;}
#colTxt strong {font:bold 1.1em Arial,Geneva,sans-serif;}
#formcontact{margin:2em auto 0 auto;width:550px; text-align:right}
#formcontact label{width:200px;float:left;display:block;text-align:right;padding-right:1em;}
#formcontact input,#formcontact textarea{width:300px;background:#e6e3d7;height:1.5em;margin-bottom:1em}
#formcontact textarea{height:7em;margin-bottom:2em}
#formcontact input:focus,#formcontact textarea:focus{background:#FFF;}
#archive {height:1.5em; overflow:hidden; width:90%; margin:0 20px;font:normal 0.7em Arial,Geneva,sans-serif;color:#999}
#archive b {font:normal 1.2em Arial,Geneva,sans-serif;color:#99C}
#archive li {padding-left:5em}
/* -- */
#colTxt {background:#FFF}
#colTxt h1 {border-bottom:3px solid #e70010;color:#e70010}
#colTxt table{background:#e70010;border:1px solid #e70010}
#colTxt td{background:#fff5ed}
#colTxt td a {color:#e70010}
#colTxt td b {color:#00c}
#colTxt .blocLiensBoutique a {color:#e70010}
#colTxt .article a {color:#00C}




/* ----- footer -----*/

#footer,#push{height:4em;line-height:4em;font:normal 1em Arial,Geneva,sans-serif;}
#footer p{font:normal 0.75em Arial,Geneva,sans-serif;padding-top:0.5em;border-top:1px solid #d6c6c6}
#footer a{font:normal 1em Arial,Geneva,sans-serif;}
/* -- */
#footer{background-color:#fff5ed;color:#333}