/* CSS Document */
html,body{margin:0;padding:0; background: #fff url(images/fond-degrade.jpg) repeat-x 0px 0px;}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px;}
a{color:#1c8fce; }
img {border:0;}
div#header {background: url(images/bandeau.jpg) no-repeat 0px 0px; height:353px; }
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{}
div#extra{}
div#footer{color: #ccc}
div#footer p{margin:0;padding:5px 10px; text-align:right;}

div#container{width:950px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 180px;}
div#navigation{float:left;width:150px;margin-left:-150px; margin-top:300px;}
div#extra{float:left;width:150px;margin-left:-950px;  margin-top:300px;}
div#footer{clear:left;width:100%}


div#pastille { position:absolute; margin:140px 0px 0px -50px;margin:140px 0px 0px 540px; padding:0;  text-align:left;  font-size:12px; color:#fff;}

#pastille img {border:0;}

/*----------------------------*/
#menu {	float:left;	width:100%;		font-size:10px;	line-height:15px; margin-top:324px;	}
#menu ul {	margin:0;	padding:0;	list-style:none;	}
#menu li {	float:left;display:inline;	margin:0;	padding:0;	}
#menu a {	margin:0;	padding:0;	text-decoration:none;	}
#menu img {border:0;}
                  
/*-------------------------------------------*/                    

#boite {width:140px; margin:0; padding:0; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-stretch:condensed;}
#boitehaut { background:  url(images/boite_01.png) no-repeat 0px 0px; text-align:left; padding:0;   color:#FFFFFF; height:24px;}
#boitehaut p { text-align:left; color:#FFFFFF; padding:3px 0 0 10px;  }
#boitecentre { background:  url(images/boite_02.png) repeat-y 0px 0px; text-align:left; padding:0; color:#FFFFFF; min-height:100px;}
#boitecentre2  {margin: 0px 10px 0px 11px;  width:120px;}
#boitebas { background:  url(images/boite_04.png) no-repeat 0px 0px; text-align:right; padding-right:15px; color:#1c8fce; height:45px;}
.droite { text-align:right; padding-right:0px;}

#bandeaubas {text-align:center;}
#bandeaubas img, a {border:0; text-decoration:none;}
.bleu {color:#1c8fce; font-size:20px; text-decoration:none; }
.noir {color:#000; font-size:20px; font-weight:bold; text-decoration:none; }

#indexdroit {float:right; padding-left:10px;}
#indexgauche {color:#1c8fce; margin-top:10px; text-align:justify;}

#plusdroit {float:right;  width:50%; margin-left:10px; }
#plusdroit p { font-size:12px; padding-top:5px; }

.lettrine {float: left; font-size: 2em; width:30px; background-image: url("images/plus.jpg"); background-repeat:no-repeat; margin-left:0px;}
#plusgauche {color:#1c8fce; margin-top:10px; text-align:justify; }
.lettrine1 {float: left; font-size: 4em; width:60px; background-image: url("images/gauche1.jpg"); background-repeat:no-repeat; margin-left:0px;}
#spacer {clear:left;}
.lettrine2 {float: left; font-size: 4em; width:60px; background-image: url("images/gauche2.jpg"); background-repeat:no-repeat; margin-left:0px;}
h1 {font:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#1c8fce; padding-left:25px;}
.gras {font-size:20px; font-weight:bold; }

#caracteristiquegauche {color:#000; margin-top:10px; text-align:justify; font-size:11px; padding-left:25px; }
#caracteristiquedroit {float:right;  width:50%; margin-left:10px;  margin-top: 0px; }
#gauche {width:265px; padding-left:0;}
#spacer2 {clear:both;}
h2 {font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000; border-bottom:solid 1px #ccc; padding:0 0 0 0; margin:0 0 10px 0; }
.bleuseul {color:#1c8fce;}
.form-text { color:#004185; text-align:center;}