@charset "utf-8";
/* CSS Document */
/* structure debut */
html { height:100%; width:100%; margin:0px; padding:0px;}
body {margin:0px; padding:0px; height:100%; width:100%;}
#site { width:1024px; margin:0 auto 0 auto; height:768px; /*background-color:#c2daf3;*/ border-left:0px solid #358de8; border-right:0px solid #358de8;border-bottom:0px solid #358de8; position:relative;}
#site-ext {background-image:url(../images/fond-preins.jpg);width:100%;background-repeat: repeat;z-index: 10;position: absolute;top: 0;left: 0;}
#site-int {background-image:url(../images/fond-slogan.png);width:100%;background-repeat: repeat;z-index: 12;}
#header { height:130px; position:relative; background-image:url(../images/body-1-pixel.png); background-repeat:repeat-x; width: 100%;z-index: 20;}
#header #logo {width:185px; height:100px; position:relative;}
#header #logo img{ border:0; position:absolute; top:17px; left:48px; z-index:21;}
#header .en-construction {position:absolute;right: 122px;top:80px;font-size:9px; font-weight:bold;font-family:helvetica, Arial, Times;color: #2699d1;}
#header .version { position: absolute;top: 80px;right: 40px;font-size:9px; font-weight:bold;font-family:helvetica, Arial, Times;color: #5a5a5a;}

#contenu { width:860px; margin:0 auto 0 auto; border-left:0px solid #358de8; border-right:0px solid #358de8;border-bottom:0px solid #358de8;z-index: 10;}
#contenu .part1 {background-color:#ffffff;height:330px;position: relative;padding-top: 50px;text-align: center;top:-30px;}
#contenu .part1 #slogan { padding-bottom: 12px;}
#contenu .part1 #baniere-content {}
#contenu .part1 #preinsc-text {}
#contenu .part1 #preinsc-text .input { color:#215968; font-family:Helvetica, Arial, Times; float: left; position:relative; left: 260px; font-size:10px; border:1px solid #c5c6c8;}
#contenu .part1 #preinsc-text .sub { position:relative; left:-102px; top:7px;}
#contenu .part1 #preinsc-text .error-email { position:relative; left: -150px; top:5px;font-size: 12px;color: #FF0000;}
#contenu .part1 #preinsc-text .message-email { position:relative; left: -150px; top:5px;font-size: 12px;color: #0000FF;}
#contenu #suivez {width:860px; color:#FFFFFF;font-size:15px; font-family:Helvetica;margin-top: 40px; padding-top: 20px}
#contenu #suivez a { font-size:12px;  text-decoration: none;color:#FFFFFF;}
#contenu #suivez a:hover { font-size:12px;text-decoration: underline;color:#FFFFFF;}
#contenu #suivez a:visited { font-size:12px;font-style: none;color:#FFFFFF;}
#contenu #contact { padding-top: 30px;}
#contenu .part2 {background-image:url(../images/fond-part2.png); height: 192px;background-repeat: repeat-x;background-color: #2699d1;position: relative;top: -70px;text-align: center;}
#contenu .part2 .line-part2 {height:1px;background-color: #86c8de; width: 700px; position:absolute;margin-left: 80px;margin-right: auto;top: 90px; }
#contenu .part2 .bottom {background-image:url(../images/fond-part2-bottom.png);height: 27px;position: relative;top:12px;margin:0;}
.part2 a { text-decoration: underline;color: #ffffff}
.part2 a:HOVER { text-decoration: underline;color: #ffffff}
.part2 a:VISITED { text-decoration: underline;color: #ffffff}
.clear { clear:both;} 
#footer { height:30px; clear:both; text-align:center;width:1024px;}