/* greta-aquitaine CSS Document */
body, html {background-color: #822269;}
body {font-family: Helvetica sans-serif, Arial ; font-size:0.8em; margin: 0px; padding:0px;}

#conteneur {position: absolute;width: 100%;background-color:#F5E3C3;padding:0px;margin:0px;}

#header {height: 100px;background-color:#822269;padding:0px;}
#header img.imgh {float:left;border:0px;}
#header ul {list-style-type: none;margin: 0 0 0 100px;padding:0px;height:37px;background-color:#95437F;border:1px solid #D085BC;}
#header li {float:left;margin:5px 0px 0 3px;}
#header li a {margin:0px;text-align:center;text-decoration: none;display: block; width:87px; height: 28px;
background : url(../img/item-menu2.jpg) top no-repeat;color:#822269;font-size:90%;line-height:12px;}
.valign {display:block; position:relative; top: 30%; margin-top: 0px;}
.valign2 {display:block; position:relative; top: 7%; margin-top: 0px;}
#header li a:hover {text-decoration: none; background : url(../img/item-menu2.jpg); background-position: 0 27px;}
p {margin: 0 0 10px 0;}

/*
#header ul {list-style-type: none;margin: 0 0 0 100px;padding:0px;height:47px;background-color:#95437F;border: 1px solid #D085BC;}
#header li {float:left;margin:5px 0px 0 3px;}
#header li a {margin:0px;text-align:center;text-decoration: none;display: block; width:111px; height: 37px;
background : url(../img/item-menu.jpg) top no-repeat;font-weight:bolder;color:#822269;}
.valign {display:block; position:relative; top: 30%; margin-top: 0px;}
.valign2 {display:block; position:relative; top: 7%; margin-top: 0px;}
#header li a:hover {text-decoration: none; background : url(../img/item-menu.jpg); background-position: 0 37px;}
p {margin: 0 0 10px 0;}
*/

#gauche {padding:0px;position: absolute;left:0;width: 40px; background-color:#F5E3C3;}

/*#haut {height: 50px;background-color:#95437F;margin: 0 0 0 100px;padding:0px;}*/

#centre {padding:0px;margin: -5px 0 0 40px;min-height:310px; background : url(../img/bg-centre-left.gif) top left repeat-y;background-color:#822269;}
#centre h1 {color:#C7E652;margin: 0 0 20px 150px;}
#centre h1 span {font-size:90%;margin-left:170px;}
#centre h2 {color:#C7E652;margin: 5px 0 0 60px;background-color:#822269;border-bottom:3px dotted #C7E652; padding-left:0px; }
#centre h3 {color:#F5E3C3;margin: 10px 0 0 75px;background-color:#822269;border-bottom:2px solid #F5E3C3; padding-left:0px; }
#centre h4 {color:#F5E3C3;margin: 15px 0 0 120px;background-color:#822269;border-bottom:1px solid #F5E3C3; padding-left:0px; }
#centre h5 {color:#822269;font-size:100%;margin: 5px 0 0 120px;padding:1px 0 0 9px;width:394px;height:19px;background : url(../img/sous-demarche.jpg) top left no-repeat;} 
#centre h5 span.a {margin-left:32px;font-size:90%;}
#centre h5 em {color:#F5E3C3;padding-left:65px;}

#centre ul.accueil {list-style-type: circle;;margin: 0 0 0 100px;padding: 30px 0 0 100px;color:#F5E3C3;}
#centre ul.accueil li a {color:#F5E3C3;}
#centre ul.accueil li a:hover {color:#822269;background-color:#C7E652;}

#centre p {color:white;margin: 5px 0 0 51px;padding:0 0 0 50px;}
#centre p a {text-decoration:none;color:white;}
#centre p a:hover {text-decoration:none;color:#822269;background-color:#F5E3C3/*#C7E652*/;}
#centre img {margin:5 0 5 100px;border: 1px solid #F5E3C3;}
#centre p.wtf {margin: 5px 0 0 350px;padding:0 0 0 0px;color:#F5E3C3;font-weight:bold;width:300px;}
#centre p.img { float: left; }
#centre p.quest {color:white;margin: 5px 0 0 51px;padding:0 0 0 60px;font-size:100%;font-weight:bold;}
#centre p.reponse a {color:#822269;}
#centre p.reponse a:hover {color:#95437F;}
#centre p.quest img {border:0px;margin: 0px 0 0 0px;padding-top:0px;}
#centre p.reponse {color:#822269;margin: 5px 0 0 120px;padding:5px 5px 5px 10px; background-color:#F5E3C3;width:350px;font-size:90%;}
#centre p.etap em { margin-left:30px;; }
#centre p.etap {margin: 5px 0 0 130px;padding:0 0 0 0px;color:#F5E3C3;font-size:90%;}
.lieu {font-style:italic;}
#centre p.pub {margin: 0 0 0 400px;background : url(../img/uwaga.gif) top no-repeat;width:250px;height:23px;padding-top:10px;font-size:80%;color:#C7E652;border:1px solid;}

#centre p.guide {margin: 5px 0 0 130px;padding:0 0 0 0px;color:#F5E3C3;font-size:90%;}

#centre ol {color:white;margin: 5px 0 0 51px;padding:0 0 0 50px;}

#metademarche {margin: 0 0 0 100px;}
#demarche {width:126px;height:86px;;margin: 0 0 0 20px;padding:0px;color:#F5E3C3;background : url(../img/result-demarche.jpg) top left no-repeat;float:left;}
#demarche p.title {padding:0 0 0 0px;margin:4px 0 0 0px;text-align:center; font-weight:bolder;font-size:90%;}
#demarche p.cont {padding:0 0 0 0px;margin:4px 0 0 3px;font-size:80%;color:#D085BC;}

#centre form { margin: 0 0 0 100px; color:white;}
#centre form input { font-size:80%;margin:2px;color:#8E3878;}
#centre form textarea { font-size:100%;margin:2px;color:#8E3878;}
#centre form select { font-size:90%;margin:2px;color:#8E3878;}


#pied {height:50px;background-color: #8E3878;border-top: 1px solid #D085BC;}
#pied p {color:white;margin: 5px 0 0 100px;padding:0px;}
#pied p a {text-decoration:none;color:#F5E3C3;display:block;float:left;height:30px;}
#pied p a:hover {color:#822269;background-color:#C7E652;}
#pied ul {list-style-type: none;margin: 0 0 0 100px;padding:0px;}
#pied li {float:left;margin:10px 10px 0 0px;}
#pied li a {margin:0px;text-align:center;text-decoration: none;display: block;color:#F5E3C3;}
#pied li a:hover {margin:0px;text-align:center;text-decoration: none;display: block;color:#822269;background-color:#C7E652;}
#pied img { margin-top:5px; }

/*
822269 : 100%
8E3878 : 90%
95437F : 85%
C7E652 : vert
DBED98 : vert pâle
D085BC : trait
F5E3C3 : crème