@charset "utf-8";
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; background:url('images/fond.gif') center top; }
h1 { display:none; }
h2 { color:#FFFFFF; font-size:x-small; margin:0; margin-bottom:5px; padding:0; text-align:center; }
h3 { color:#ffffff; font-size:small; margin:0; margin-top:5px; padding:0; text-align:center; }
h4 { color: #003366; font-size:x-large; margin:0; padding-left:230px; margin-top:20px; }
h4 a { color:#003366; text-decoration: none; }
h5 { color:#fff; background-color:#FF6600; font-size:small; margin:0; height:20px; padding-left:5px; padding-top:3px; }
h6 { color:#000000; background-color:#CFCFCF; font-size:small; margin:0; height:20px; padding-left:5px; padding-top:3px; }
#conteneur { margin:0 auto;  width:900px; padding-top:12px; }
#header { width:900px; background-color:#003366; height:25px; }
#content { float:left; width:900px; }
#left { float:left; width:150px; padding:5px;}
#bandeau { float:left; width:739px; height:130px; border-left:#000000 1px dotted; }
#center { float:left; width:539px; padding:10px; border-left:#000000 1px dotted; }
#right { float:right; width:165px; padding-left:5px; padding-right:10px; padding-top:28px; }
#filariane { font-size:x-small; margin-bottom:5px; }
#filariane a { color:#000000; text-decoration:none; }
#filariane a:hover { text-decoration:underline; }
#left ul { list-style:none; margin:0; padding:0; padding-left:5px; }
#left li { list-style:none; font-size:small; font-weight:bold; margin-bottom:5px; line-height:20px; background-color:#F5F5F5; background:url('images/carre.gif') left center no-repeat; padding-left:10px; }
#left li a { color:#003366; text-decoration:none; }
#left li a:hover { color:#003366; text-decoration:underline; font-style:italic; }
#left ul.reseaux { list-style:none; margin:0; padding:0; padding-left:0px; }
#left ul.reseaux li { list-style:none; background:none; margin-bottom:5px; padding-left:0px; }
#left ul.reseaux img { border:none; }
#top { float:left; width:900px; text-align:center; font-size:x-small; margin-top:10px; margin-bottom:20px; height:50px; }
#footer { float:left; width:880px; padding:10px; border-top:#000 1px dotted; background-color:#DDDDFF; }
#footer p { margin:0; padding:0; font-size:0.71em; }

.logo { margin-top:15px; margin-bottom:10px; border:none; }

body p.pactus { font-size:0.8em; text-align:justify; }
body p.pactus img { border:none; }

.listes { font-size:0.8em; }

.liste_emailing { list-style:none; margin:10px 0 0 0; padding:0; }
.liste_emailing li { width:150px; margin:10px; font-size:0.8em; float:left; }

body.bodyaccueil p.pactus { font-size:0.8em; text-align:justify; }

body.bodyaccueil #bandeau { height:210px; width:739px; }
body.bodyaccueil #bandeau h4, body.bodyformation #bandeau h4 { color:#003366; font-size:23px; padding-left:0px; margin:0; margin-top:40px; }
body.bodygen #bandeau { background:url('images/header/puces3.jpg') 10px center no-repeat; }
body.bodycontact #bandeau { background:url('images/header/usb.jpg') 10px center no-repeat; }
body.bodyqui #bandeau { background:url('images/header/disquettes.jpg') 10px center no-repeat; }
body.bodysite #bandeau { background:url('images/header/portable.jpg') 10px center no-repeat; }
/*body.bodyformation #bandeau { background:url('images/header/clavier.jpg') 10px center no-repeat; }*/
body.bodyformation #bandeau { height:210px; width:739px; }
body.bodyservices #bandeau { background:url('images/header/cle-usb.jpg') 10px center no-repeat; }
body.bodyreal #bandeau { background:url('images/header/puces.jpg') 10px center no-repeat; }
body.bodynewsletter #bandeau { background:url('images/header/pad.jpg') 10px center no-repeat; }
body.bodyzoom #bandeau { background:url('images/header/communication.jpg') 10px center no-repeat; }
body.bodypartenaires #bandeau { background:url('images/header/pda.jpg') 10px center no-repeat; }

#right ul.real { list-style:none; margin:0; padding:0; margin-top:15px; }
#right li { list-style:none; text-align:center; font-size:xx-small; margin-bottom:15px; }
#right img { border:#000000 1px solid; }
.alignleft { float:left; margin-right:5px; }
#right ul.clients { list-style:none; margin:0; padding:0; margin-top:15px; }
#right ul.clients li { list-style:none; text-align:left; font-size:0.71em; margin-bottom:2px; background:url('images/carre.gif') left center no-repeat; padding-left:10px; line-height:15px; }
#right ul.form { list-style:none; margin:0; padding:0; margin-top:15px; }
#right ul.form li { list-style:none; text-align:center; font-size:0.71em; margin-bottom:15px; }
#right ul.form img { border:none; }

#center ul.encours { list-style:none; margin:0; padding:0; margin-top:10px; }
#center li.liencours { list-style:none; font-size:small; margin-bottom:3px; background:url('images/carre.gif') left center no-repeat; padding-left:10px; }

#content-page ul.liens { list-style:none; margin:0; padding:0; font-size:x-small; margin-bottom:20px; margin-top:10px; }

#content-real ul { list-style:none; margin:0; padding:0; width:538px; }
#content-real li { list-style:none; display:block; float:left; width:78px; height:40px; text-align:center; padding-top:20px; background-color:#003366; margin-right:10px; margin-top:10px; }
#content-real li a { color:#ffffff; text-decoration:none; }
#content-real li a:hover { text-decoration:underline; }
#content-real p.preal { font-size:0.8em; width:538px; float: left; }
#content-real p img { border:#000000 1px solid; float:left; margin-right:10px; }
#content-real .divreal { float:left; width:538px; margin-bottom:15px; margin-top:10px; }

#content-newsletter ul { list-style:none; margin:0; padding:0; }
#content-newsletter li { list-style:none; display:block; margin-right:10px; margin-left:50px; font-size:x-small; font-weight:bold; }

.facebook { float:left; width:249px; margin:20px 10px 20px 10px; }