
body {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#666666;background-color:#e6f1fc;margin: 0;}

a:link, a:visited  {color:#6D737A; text-decoration: underline;}
a:hover, a:visited:hover, a:active, a:focus  {color: #2f5970; text-decoration: none;}

a img {border:0;}

div {display:block; position:relative;float:left;padding:0px; margin:0px; border:0px;}
/* styles used in spaw */
table {float:left;}

h1, h2, h3, .spanh2, .spanh3 {padding:0px; margin:0px;color: #2f5970;}

h1 {display:block; position:relative;line-height:24px; float:left; clear:left;padding:5px;padding-left:0px;padding-bottom:8px;font-size:14px;width:98%;}

h2, .spanh2 {font-size:13px; }
h3, .spanh3 {font-size:12px; }

img.goleft {float:left; padding-right:8px;padding-bottom:8px;}
img.goright {float:right; padding-left:6px;padding-bottom:8px;}
/* /styles used in spaw */

ul {
	list-style-image: url(images/bullet.gif);
	list-style-position: inside; padding:0; margin:0;
	}

input, textarea {font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333333;}
select {font-size: 90%;	font-weight: normal;	color: #666666;	font-family: "Trebuchet MS", verdana, sans-serif;}


/*structure page */
#bgdiv {background:url('images/bg/bgbody.png') repeat-x;width:100%;}
#page {margin: auto; width: 984px; text-align: left; float:none;}

div#hautbgside {width:984px; z-index:5;}
div#haut {width:984px;height:149px; z-index:4; }
div#logo {width:109px;padding:2px 0px 0px 1px;z-index:7;}
div#hautright {width:774px;padding-top:0px;}
div#hautright img {display:block;float:left;position:relative;}




div.bckside { width: 984px; background:url('images/bg/bgside.gif') repeat;}
div.middlepartpage {width:965px; background:url('images/bg/bgcontent.png') repeat-x;background-color:#a1ccfd;  left:7px; top:0px;}
div#contenu, div#copyrt {padding-left:30px; padding-right:0px; width:935px; top:8px;}

div#contenu {padding-bottom:30px;}

div#copyrt{text-align:center;padding-left:10px;width:100%;padding-bottom:40px;padding-top:40px;font-size:11px;}




div#central {width:678px; padding-right:56px; margin-bottom:0px; overflow:visible;z-index:1;}
#central img {border:0;}

#imgpage {display:block; position:relative; float:left;padding-bottom:0px;padding-top:6px;}
#imgpage img {border:0;}

div.liendroite {width:600px;clear:both; height:15px; z-index:5; text-align:right; padding:45px;font-size:12px;}

div#maincontent {clear:left;width:100%;line-height:20px;}


/* page d'accueil*/
div.semi, div.semidis {width:657px;}

div.semidis h1 {position:relative; top:8px; float:left; clear:left; margin-bottom:5px; text-align:left;}
div.semidis div.titrearticle {width:360px; }
div.semidis div.titrearticle img {position:absolute; left:116px; top:20px; float:left;}
div.semidis div.presentarticle {width:240px;}

div.semip {width:315px;}
div.titrearticlep {margin:0px; padding:0px; padding-bottom:36px; width:120px; overflow:visible; z-index:5;}
div.presentarticlep {padding:12px;padding-bottom:0px; top:-18px; margin:0px; margin-top:18px; width:260px; background:url('images/bgarticlep.jpg') no-repeat; }

div.presentarticlep ul li {width:200px;}


div.actuhome { clear:both; width:360px; padding-top:10px;}

div#titreactu {float:right;  width:55px; height:32px;}

div#actush {float:right; width:240px; overflow:hidden; padding:0px; padding-left:0px;  margin:0px; margin-top:10px;background:url('images/homepage/bgactu.gif') no-repeat; padding-right:35px;}
div#actush  div {width:240px;}
div#actush  div a {width:226px;}
div#actush  div h2 {width:240px; padding-top:2px; padding-bottom:2px;}
div#actus {width:600px; overflow:hidden; padding:0px; padding-left:20px;  margin:0px; margin-top:11px;background:url('images/bgactu.gif') no-repeat; padding-right:30px;}




/*liens actus*/
a.infos, a.infos:link, a.infos:visited {display:block; position:relative; clear:both; padding:20px; width:520px; font-weight:bold; text-decoration:none;
background:url('images/bgmenu.gif') no-repeat top right;}

a.infos:hover, a.infos:visited:hover, a.infos:focus,  a.infos:active
{text-decoration:none;background:url('images/bgmenu.gif') no-repeat bottom left;}

div#actus a.infos span, div#actus a.infos:hover span, div#actus a.infos:visited:hover span, div#actus a.infos:focus span, div#actus a.infos:active span {font-weight:normal; color:#98999d;}

img.imageactu {display:block; position:relative; margin-right:4px; margin-bottom:0px; float:left;}
img.imgactu {display:block; position:relative; float:left; left:116px; top:38px; padding:0; margin:0;}


/*form*/

div.champform {float:left;clear:left; width:96%; padding:3px;font-size:12px;}
div.champform label {float:left;clear:none; position:relative; padding:2px; width:220px; text-align:right;}
div.champform input {width:174px;}
div.champform select {border:solid 1px;width:180px;}
div.champform textarea {width:320px; height:100px;}
 
 
/*forumulaire de connection*/

div#mem {border:solid 1px #2f5970;width:178px;height:103px; overflow:hidden;}

div.mem form {display:block; position:relative; padding:8px; padding-top:0px; width:250px; }

div.champformlogin {float:left;clear:left; width:100%; padding-top:3px;font-size:10px;}
div.champformlogin label {float:left;clear:none; position:relative; padding:4px; width:85px; height:15px;text-align:right;font-size:10px;}
div.champformlogin input {width:60px;height:14px;}
 
div#loginhome{float:right; width:240px; padding-top:0px; padding-left:10px;margin:0; padding-right:20px;}
div#loginhome div#mem {width:240px;height:84px;left:-15px;}
                   
/*news*/

div.titrearticle {margin:0px; padding:0px; padding-bottom:36px; width:270px; overflow:visible; z-index:5;}
div.presentarticle {padding:18px;padding-bottom:0px; margin:0px; margin-top:18px; width:335px; background:url('images/bgarticle.jpg') no-repeat; }
div.contenuarticle { width:643px; padding:13px; border:solid 1px #c9cace; font-size:12px; text-align:justify;}

div.contenuarticle ul {clear:left; list-style-position:outside;padding-left:25px;}


div#thumbsbottom {width:100%;}
div#thumbsbottom img {float:left;padding-left:18px;padding-top:16px;}
/*copyright*/
div#copyr {clear:both;  width:984px; height:20px;padding-top:40px;padding-bottom:40px; font-size:10px; text-align:center; font-weight:bold}
