/* générale */
* {margin:0; padding:0;}
body {background: #fff; font : 76%/160% Verdana, Arial,Helvetica, sans-serif;}
#container {background: #fff; width:996px; height:auto; margin: 0 auto; width: xxxpx;}

h1 {color: #0094ce; font-size: 12px; font-weight: bold; border-bottom: 0.2em dotted #0094ce; width: 65%; margin: 0 0 1em 3em; letter-spacing: 0.15em; text-transform: uppercase;}
h2 {color: #0094ce; font-size: 11px; font-weight: normal; margin: -1.25em 0 1em 3.25em; letter-spacing: 0.05em; }
h3 {color: #0094ce; font-size: 1em; font-weight:bold; margin: 0.5em 0 -0.5em 3em; letter-spacing: 0.09em; padding-bottom:10px;}
h4 {color: #0094ce; font-size: 0.75em; font-weight:normal; margin: 0 0 -0.5em 4em; text-decoration:underline; }
h5 { color: #0094ce; font-size: 1em; font-style:italic bold; padding: 5em 0 0 10em;}
h6 {color: #0094ce; font-size: 11px; font-weight: bold; border-bottom: 0.1em dotted #0094ce; width: 50%; margin: 3em 0 1em 3em; letter-spacing: 0.15em; }

/* p*/

p {line-height: 180%; word-spacing: 0.15em;letter-spacing: 0.1em; margin: 0.5em 3em 1em 3em; font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}
p.lib {line-height: 180%; word-spacing: 0.15em; letter-spacing: 0.1em; margin:; font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}
p.mission {width:500px;line-height: 180%; word-spacing: 0.15em; letter-spacing: 0.1em; font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}
p.ref  {color: #0094ce; font-size: 0.75em; margin: 0.50em 0 0.25em 5em; border-left: solid 0.15em #0094ce; padding-left: 0.50em;}


img {border:none;}
img.nouv { margin-top: 2em;}

.mission {margin: 1em 0 3em 3em;}

/* li*/

a.lien { text-decoration: underline;  color: #000; }

a.lien:link {text-decoration:underline; color: #000;}
a.lien:hover {color: #0094ce;}


/* header */
#header {background: #fff;  width: 100%; height: 145px; padding-top: 1.5em; }
img.logo {margin: 0;}
#photohaut {margin: -9.5em -2em 0 15em;}
#photohaut li { margin-left:-0.20em;}
#photohaut .first { margin-left: 0.25em;}


#infohaut ul {width: 50%; height:auto;padding-left:15.25em;  }

#header li {display: inline; font-size: 11px; }
#infohaut li.first  {color: #0094ce;}

#infohaut .last a:link{color:#000;}
#infohaut .last a:hover{color:#0094ce;}

.electronique, .electronique_en {color: #0094ce;}

li.effacer {color: #0094ce;	padding-bottom:1em;}


/* li generale */


li  {list-style-type: none; }
a {text-decoration: none;}

li.first {padding-top: 2em;}
li.second {margin-top:-.95em;}
li.last {padding-bottom: 2em}


#menu_left li a, #langue li a, #menu_right li a  {text-decoration: none;  display: block; border-bottom: 0.20em dotted #0094ce; font:100%; margin: 1em 1em 0.15em 0.5em; text-align: left;}


/* content_left */
#content_left {float: left; width : 15%; height: auto; background-color: #FFFFFF;}
#content_left img { float: left; margin: 5em 0 0 0;}


/** menu_left */
#menu_left {margin-top:-1em;}

#menu_left a:link {color: #000000;font-weight: 200; }
#menu_left a:visited {color:#000000;}
#menu_left a:hover {color: #0094ce;}
#menu_left a:active {color: #0094ce;}

/*** langue */

#langue{ width:55%;}
#langue a {font-size: 9px;}
#langue a:link  {color: #000000; font-weight: 200; }
#langue a:visited {color:#000000;}
#langue a:hover {color: #0094ce;}
#langue a:active { color: #0094ce;}

#langue li.first {color: #0094ce; margin-top:-3.25em; }

/* content_right */

#content_right {background:#fff; float: right; width :18%;}


/* bloc twitter*/

#twitter {margin-top:-135px;}


/** menu_right */
#menu_right {margin-top: 6.5em; }
#menu_right a {padding-left:0.5em;}

#menu_right a:link {color: #000000; }
#menu_right a:visited {color:#000000;}
#menu_right a:hover {color: #0094ce;  border: 0.20em solid #0094ce;}
#menu_right a:active { color: #0094ce; border: 0.20em solid #0094ce;}


#menu_right li { margin-top: -0.55em; }

#menu_right a { font-size: 95%; border-top: 0.20em solid #fff; border-left: 0.1em solid #fff; border-right : 0.1em solid #fff; }

/*** bouton */

#bouton {margin-top: 2em;}

#bouton li a { font-size: 105%; display: block; margin: .75em 1em 0.15em 0.5em; line-height: 2.25em;letter-spacing:0.10em; }
#bouton li.forum, li.chat, li.don, li.contact, li.bulletin { background: url(../images/general/bouton.png);}
#bouton li.ados {background-image: url(../images/general/boutonados.png);}
#bouton a {padding-left:0.5em;}

#bouton a:link {color: #fff; text-decoration:none; }
#bouton a:visited {color:#fff;text-decoration:none; }
#bouton a:hover {color: #fff; font-weight: bold;text-decoration:none;}
#bouton a:active {color: #fff; font-weight: bold;text-decoration:none;}


/* partenaires */

#partenaires {margin-top:2.5em;}

#partenaires img {padding-left: 2em; padding-bottom:2em;}
li.fb {margin-top:-1.5em; margin-left:-.5em;}
li.tw {margin-top:-7em; margin-left:6.5em;}
li.pa {margin-top:-1em;}
li.pa1 {margin-top:-1em; margin-left:-1em;}
li.cq {margin-top:-1em; margin-left:-1.25em;}


/* content_main */

#content_main {background:#fff; float:left ; width :65%; height: auto; margin-top:4em;}

#content_main1 {background:#fff; float:left ; width :65%; height: auto; margin-top:10em;}


#contentpannel { width :85%; height:auto; margin-left:2em;}

 
/* footer*/
#footer {clear: both; background:#fff; width: 996px; height: auto; padding-top:4em;}

/* tableau - footer */

#info tbody td, #info tbody th{ padding : .01em; }

#info table { margin-left:0;}


#menubas {width: 100%; float:left;  border-top: 0.20em dotted #0094ce; padding-bottom:10px;}
#menubas li.first {}
#menubas li {text-decoration: none; color: #000000; display: inline; font-size: 10px; margin: 5em 10em 0 0;}
#menubas a:link {color: #000000; font-weight: 200; }
#menubas a:visited {color:#000000;}
#menubas a:hover {color: #0094ce; text-decoration: underline;}
#menubas a:active { color: #0094ce; text-decoration: underline;}

/* li. listpoint */


li.listpoint {list-style-type:disc; margin-left:5.5em; font-size:100%; line-height:170%; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce; padding-bottom: 5px;}
a.listpoint {margin-left:-2em;}

li.listpoint2 {list-style-type:disc; margin-left:5.5em; margin-top:-5px; font-size:100%; line-height:170%; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}

li.listpoint3 {list-style-type:disc; margin-left:5px; margin-top:5px; font-size:100%; line-height:170%; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}


a:link.listpoint {color: #000;}
a:visited.listpoint {color: #000;}
a:hover.listpoint {color: #0094ce; text-decoration:underline;}
a:active.listpoint {color: #0094ce; text-decoration:underline;}

/* li. listproche */

li.listproche {list-style-type: none;  color: #0094ce; font-size: 100%; margin: 0.25em 3em 0 3.5em;}


/* li. divers */

li.photo {float:left;}

li.lettre {padding-left:3em;}

li.listno {color: #0094ce; padding-left:0.5em; padding-right: 3em; list-style-type: decimal;line-height:180%; word-spacing:0.15em;letter-spacing:0.1em;}

ul.listno {padding-left:6em; }

li.lib {list-style-type:disc; margin-left:5.5em; padding-bottom:.5em;font-size:100%; word-spacing:0.15em; letter-spacing:0.1em; font-family:110% Verdana, Arial, sans-serif; color:#0094ce;}

li.listpointno1 {list-style-type:decimal; margin-top:1em;margin-left:5.5em; font-size:100%; line-height:; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}

li.listpointno  {list-style-type:decimal; margin-left:5.5em; font-size:100%;  word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}

li.par1 {margin-top:1em; padding-top:1em;margin-bottom: 2em;}
li.par2 {margin-top:1em; padding-top:1em;margin-bottom: 2em;}

li.listpointnou {list-style-type:disc; margin-left:5.5em; margin-top:.5em; font-size:100%; line-height:140%; word-spacing: 0.15em; letter-spacing: 0.1em;  font-family: 110% Verdana, Arial, sans-serif; color: #0094ce;}

li.right {float:right; padding-top:5em;}

li.general{color: #0094ce; line-height:180%; word-spacing:0.15em;letter-spacing:0.1em; padding-left:45px;}
li.general1 {color: #0094ce; font-size: 11px;  line-height:180%; word-spacing:0.15em;letter-spacing:0.1em; padding-left:45px; padding-top:10px;}




/* tableau */

caption {width: 100%; margin-top: 3em; margin-left: 5em; letter-spacing : 0.2em; }
table { margin-left: 3em; margin-top: 1em; width: 550px; }
th {color : #fff; padding : 1em .7em 1em 1em; font-weight : bold; }
tbody td, tbody th { padding : .20em; }
td {border :; padding : 0 10px; color : #0094ce; width:auto; }


.colon1 {width: 40%;}
.colon2 {width: 60%;}



tfoot td { border: none; text-align:center; font-size: 95%;}

tbody tr { background: #fff; }


#liste_livres {padding-left: 1.5em;}


a:link {text-decoration: none; color: #000;}
a:visited {color: #000;text-decoration: none;} 
a:hover {color: #0094ce; text-decoration: underline;} 
a:active {color: #0094ce;text-decoration: underline;} 
a:focus {color: #0094ce;text-decoration: underline;}


/* ul particulier */

ul.colonne2 { margin-left:5em;}


ul.services { background: url() no-repeat; }


/* tableau - questionnaire */

table.questionnaire {width: 90%; border-left:#0094ce solid thin; border-right:#0094ce solid thin; border-top:#0094ce solid; border-bottom:#0094ce solid;}

.quest{ width: 80%;font-size: 1.05em; }
.oui  {width: 10%;}
img.oui  {align:centrer;}
.onon  {width: 10%;}


s
.floatleft {float:left; padding-right:1em; margin:1em 0.50em 1em 0;}
.floatleft1 {float:left; padding-right:1em; margin:-1em 0.50em 1em 0;}
.right {float:right; padding-left:1em; margin:-2em 0.50em 10em 0;}


/* page vouelle */
#bloc1 {width:375px; margin-left:10em;}
#bloc2 {float:left; margin-top:-250px; margin-left:-2em;}