/* CSS Document by black meridian */


/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   aide couleurs                                       <<<< */
/* ------------------------------------------------------------------------ */

/* Colors Help {orange:#F37021;vert:#B5D441;violet:#98459A;beige:#EBDFD9;bleu-ciel:#00ACCD;gris:#BCBEC0;}*/

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   generalites                                         <<<< */
/* ------------------------------------------------------------------------ */

HTML{font-size: 100%; font-weight:normal}

/* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */
body{font: 0.625em/1em Georgia, "Trebuchet MS", Arial, Verdana, sans-serif; color:#000;  background:#fff;padding-bottom:20px;background:#a0d07a url(images/fond.jpg) no-repeat top center;}

input, select, textarea{font-size: 100%;}

.accessiblite {display:none}
.clear {clear:both}

h1,h2{display:none}
strong {font-weight:normal}
q:after, q:before {content:""}
#page {position:relative;top:-5px; display:block; width: 968px; margin:0 auto;overflow:hidden;background:url(images/fond-contenu.png) no-repeat 0 0;height:640px;color:#000;}

h3,h4,h4,h6 {font-weight:normal}

em {font-style:italic}


/*couleur de mise en avant textuelle*/
strong.bleu {color:#1DB4E9;}
strong.vert {color:#6A8D3C;}
strong.orange {color:#F4AC2D;}

strong.s1 {font-size:1.2em;}
strong.s2 {font-size:1.5em;}
strong.s3 {font-size:1.8em;font-weight:normal;font-family:Arial, Georgia, "Trebuchet MS", Verdana, sans-serif;text-transform:uppercase}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   entete                                              <<<< */
/* ------------------------------------------------------------------------ */

body #page #entete {height:132px;overflow:hidden}
/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   contenu                                             <<<< */
/* ------------------------------------------------------------------------ */

body #page #contenu {height:470px;overflow:hidden} /* clearing child float */

/*gauche*/
body #page #contenu #gauche {width:210px;padding:30px 10px;float:left}

body #page #contenu #gauche form {}
body #page #contenu #gauche form label {width:135px;height:0;padding-top:34px;overflow:hidden;display:block;background:url(images/icones_loginMdp.png) no-repeat 0 0;}
body #page #contenu #gauche form label#motDePasse {background-position:0 -34px;}
body #page #contenu #gauche form input.text {width:150px;font-size:1.2em;margin-bottom:5px;margin-left:35px;border:1px solid #CCCCCC;position:relative;top:-7px;}
body #page #contenu #gauche form select {margin-bottom:15px;margin-left:45px;font-size:1.2em;border:1px solid #CCCCCC;}
body #page #contenu #gauche form input#valider {margin-left:45px;position:relative;top:0;width:98px;height:23px;overflow:hidden;background:url(images/btn_valider.png) no-repeat 0 0;cursor:pointer;display:block;border:0 none;}


/*centre*/
body #page #contenu #centre {margin:0 445px 0 230px;height:470px;background:url(images/illustration.jpg) no-repeat 0 20px;}
body #page #contenu #centre ol {padding:145px 0 0 0;overflow:hidden;}
body #page #contenu #centre ol li {width:146px;height:120px;overflow:hidden;float:left;position:relative;display:inline;margin:0;padding:0;}
body #page #contenu #centre ol li a {display:block;width:146px;height:0;padding-top:120px;overflow:hidden;}


/*droite*/
body #page #contenu #droite {width:415px;padding:20px 30px 20px 0;float:right;}
body #page #contenu #droite p {font-size:1.4em;line-height:2.2em;}
body #page #contenu #droite #encart {margin-top:15px;}
body #page #contenu #droite #encart blockquote {margin-right:5px;float:left;}
body #page #contenu #droite #encart blockquote p {font-size:1em;line-height:1.2em;width:210px;}

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   footer                                              <<<< */
/* ------------------------------------------------------------------------ */

body #page #footer {text-align:center}
body #page #footer ul li {display:inline;padding:0 12px 0 0;margin:0 2px;color:#fff;font-size:1.1em;background:url(images/puce.png) no-repeat right center;line-height:1.1em;}
body #page #footer ul li a {color:#fff;text-decoration:none}
body #page #footer ul li a:hover {text-decoration:underline}
body #page #footer ul li.last {background:none;}