@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; background:#c5e0f9 url(../img/bg.png) no-repeat 50px top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003162;}
.site{ width: 860px; height:600px; background:url(../img/croix.png) no-repeat 61px 25px;}
.logo{ width:210px; height:130px; float:left; background:url(../img/logo.png) no-repeat center center; cursor:pointer;}
.presentation{ width:422px; height:90px; float:left; padding:20px 50px 20px 20px;}
.presentation a{ font-weight:bold; color:#003162; text-decoration:none;}
.presentation a:hover{ color:#0d5398;}
.texte_presentation{ float:left; width:550px; margin-left:230px;}
.texte{ float:left; width:550px; margin:20px;}
.texte a{ font-weight:bold; color:#003162; text-decoration:none;}
.texte a:hover{ color:#0d5398;}

.photo{ float:left; margin:-80px 0 0 90px; border:3px solid #6699cc; width:202px; height:202px;}
.photo img{}

.menu1{float:left; font-size:12px; width:205px; height:200px; padding-top:20px;}
.menu1_2{ width:205px; height:36px; padding-top:9px; background:url(../img/bg_menu1_2.jpg) no-repeat;}
.menu1_2:hover{background:url(../img/bg_menu1_2_hover.jpg) no-repeat;}
.menu1_2 a{ margin:0 0 0 55px; text-decoration:none; color:#003162; display:block;}
.menu1_2 a:hover{color:#003333;}

.menu2{float:left; font-size:12px; height:200px; padding-top:20px;}
.menu2 img{ border:0px;}
.menu2_2{height:36px; padding-top:9px; background:url(../img/bg_menu2_2.png) no-repeat;}
.menu2_2:hover{background:url(../img/bg_menu2_2_hover.png) no-repeat;}
.menu2_2 a{ margin:0 0 0 55px;}

.creaweb{ position:absolute; top:590px; left:10px;}
.creaweb a{text-decoration:none; color:#003162;}
.creaweb a:hover{color:#0d5398;}

#formulaire{ text-align:right; width:380px;}
#formulaire input{margin-bottom :1px;}
#formulaire p{ margin:3px 0 0 35px; text-align:left;}


/*------ DIAPO PAGE INDEX -----------*/

show.

#s3slider {
   width: 202px; /* important to be same as image width */
   height: 202px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 202px; /* important to be same as image width or wider */
   position: absolute; /* important */
   margin:0;
   padding:0;
   list-style-type:none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 176px;
   background-color: #3671ad;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
   margin-bottom:3px;
   bottom:0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}