/*CHARTE COULEUR
Bleu texte : #0060b6;
Gris texte : #777879;
Bleu (fleche menu) : #88a8dc;
*/

/*style css matthieu Girolet*/
*{
margin:0px;
padding:0px;
border:0px;
font-family:arial;
font-size:100%;
font-style:normal;
text-decoration:none;
}

body{
text-align:left;/*on rétablit l'alignement normal de body ici pour IE */
font-style:normal;
font-size:11px;
margin:0px auto;/*hauteur de la page du bord haut*/
background-color : #dcdcdc;
}
/*///////////////////////////////////////////////*/
/* Style recurrent */

.message-envoye {visibility:visible;}

.message-pas-envoye {visibility:hidden; }

.photo-ptt{
width:80px;
height:80px;
float:right;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
}

.txt-center{
text-align:center;
}

.img-float-right{
float:right;
margin:0px 0px 0px 6px;
}

.img-float-left{
float:left;
margin:0px 6px 0px 0px;
}

.img-center{margin:6px 6px 10px 10px;}

.img-float-left-border{
float:left;
margin:0px 6px 0px 0px;
border:#1949AA solid 1px;
}

.img-border{
border:#1949AA solid 1px;
}

.img-float-right-border{
float:right;
margin:10px 10px 10px 10px;
border:#490102 solid 1px;
}

.img-center-border{
margin:10px 10px 10px 10px;
border:#490102 solid 1px;
}
.cacher {visibility:hidden;}

.afficher {visibility:visible;}

/* Fin Style recurrent */
/*///////////////////////////////////////////////*/
/* Style general */
#contenu-glob{
position:relative;
margin:10px auto;
width:821px;
height:600px;
}

#header{
position:relative;
float:left;
width:821px;
height:313px;
}

#gifanim{
position:absolute;
top:220px;
left:625px;
width:177px;
height:87px;
z-index:100;
}
#image{
position:absolute;
top:0px;
left:0px;
width:821px;
height:313px;
z-index:1;
}

#fond-menu{
float:left;
width:821px;
height:44px;
background-image:url(image/fond-menu-page.jpg);
background-repeat:repeat-y;
}

#espace-menu1{
float:left;
width:821px;
height:6px;
}

#menu{
float:left;
width:821px;
height:24px;
}

.menu-bord{
float:left;
width:25px;
height:24px;
}

.menu-bord2{
float:left;
width:32px;
height:24px;
}

.menu-espace{
float:left;
width:13px;
height:24px;
}
#actualite{
float:left;
width:103px;
height:24px;
}
#blog{
float:left;
width:113px;
height:24px;
}
#partenaires{
float:left;
width:113px;
height:24px;
}
#communique{
float:left;
width:192px;
height:24px;
}
#photo{
float:left;
width:77px;
height:24px;
}
#contact{
float:left;
width:87px;
height:24px;
}
/* Liens menu */
.menu{
color:#0060b6;
text-decoration:none;
font-size:12px;
font-weight:bold;
cursor:hand;
padding-top:10px;
text-align:center;
}
.menu:hover{
color:#0060b6;
text-decoration:none;
font-size:12px;
font-weight:bold;
cursor:hand;
background-color:#dce0e8;
}

#page{
float:left;
width:821px;
height:229px;
background-image:url(image/fond-menu-page.jpg);
background-repeat:repeat-y;
}
#page-attente{
float:left;
width:821px;
height:130px;
background-image:url(image/fond-menu-page.jpg);
background-repeat:repeat-y;
text-align:center;
}

#colonne1{
float:left;
width:240px;
height:210px;
margin-left:35px;
background-image:url(image/fond-txt1.gif);
}

#colonne2{
float:left;
width:240px;
height:210px;
margin-left:20px;
margin-right:5px;
background-image:url(image/fond-txt1.gif);
}

#colonne3{
float:left;
width:240px;
}

#logo{
float:left;
width:240px;
margin-top:3px;
margin-left:15px;
margin-right:5px;
margin-bottom:3px;
}

#newsletter{
float:left;
width:234px;
height:85px;
margin-left:15px;
margin-top:3px;
background-image:url(image/newsletter.gif);
}

/* Liens lire la suite */
a.lien-suite:hover{
font-size:11px;
font-weight:bold;
color:#0060b6;
padding-right:10px;
text-align:right;
text-decoration:none;
cursor:hand;
}

a.lien-suite:link{
font-size:11px;
font-weight:bold;
color:#0060b6;
padding-right:10px;
text-align:right;
text-decoration:none;
cursor:hand;
}

a.lien-suite:visited{
font-size:11px;
font-weight:bold;
color:#0060b6;
padding-right:10px;
text-align:right;
text-decoration:none;
cursor:hand;
}

/* Style recherche*/
.input-newsletter {
float:left;
margin-top:65px;
margin-left:5px;
width:122px;
border:1px solid #88a8dc;
background-color:#FFF;
font-size:9px;
font-weight:bold;
font-style:italic;
color:#0060b6;
}

#btn-newsletter{
float:left;
margin-top:65px;
vertical-align:middle;
}

#footer{
float:left;
width:821px;
height:45px;
background-image:url(image/fond-footer.jpg);
}

#partenaire{
float:left;
width:821px;
}

/* Liens partenaire */
a.lien-partenaire:hover{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire:link{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire:visited{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

/* Liens partenaire */
a.lien-partenaire2:hover{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire2:link{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire2:visited{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}
/* Liens partenaire */
a.lien-partenaire3:hover{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire3:link{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire3:visited{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-partenaire span{
display:none;
}

a.lien-partenaire:hover span{
display:inline;
position:absolute;
top:595px;
left:280px;
}

a.lien-partenaire2 span{
display:none;
}

a.lien-partenaire2:hover span{
display:inline;
position:absolute;
top:595px;
left:390px;
}

a.lien-partenaire3 span{
display:none;
}

a.lien-partenaire3:hover span{
display:inline;
position:absolute;
top:595px;
left:540px;
}
/* Liens mail */

a.lien-mail{
color:#777879;
font-size:11px;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.lien-mail:hover{
color:#0060b6;
font-size:11px;
text-align:center;
text-decoration:underline;
cursor:hand;
}

a.lien-mail:visited{
color:#0060b6;
font-size:11px;
text-align:center;
text-decoration:none;
cursor:hand;
}

#copyright{
float:left;
width:821px;
text-align:center;
}

/* Fin Style general */
/*///////////////////////////////////////////////*/
/* Style de texte */
h6{
text-align:right;
font-weight:lighter;
font-size:45px;
color:#0060b6;
padding-right:8px;
}

h5{
text-align:right;
font-style:italic;
font-weight:lighter;
font-size:32px;
color:#777879;
padding-right:8px;
padding-top:4px;
}

h2{
font-size:12px;
color:#0060b6;
padding-left:10px;
padding-top:12px;
padding-right:10px;
}

h1{
font-size:16px;
font-weight:bold;
color:#0060b6;
padding-left:10px;
padding-top:8px;
}

.txt-cadre{
font-size:11px;
color:#000;
padding-left:10px;
padding-right:10px;
padding-top:12px;
}

.txt-contact{
text-align:center;
font-size:11px;
color:#000;
padding-left:10px;
padding-right:10px;
}

h2.contact{
font-size:12px;
color:#0060b6;
padding-left:10px;
padding-top:36px;
padding-right:10px;
text-align:center;
}

.txt-suite{
font-size:11px;
font-weight:bold;
color:#0060b6;
padding-right:10px;
text-align:right;
}

#txt-suite{
float:left;
font-size:11px;
font-weight:bold;
color:#0060b6;
padding-left:10px;
text-align:left;
}
.orange12Gras{
color:#F90;
font-weight:bold;
}
.bleu12{
color:#88a8dc;
}
.bleufonce14{
color:#0060b6;
font-size:14px;
font-weight:bold;
text-align:center;
}
.gris11{
color:#777879;
font-size:11px;
text-align:center;
}

/******** Formulaire de contact *************/
#fm_contact{
float:left;
width:200px;
padding-left:20px;
}
.label-email{
float:left;
text-align:left;
font-weight:bold;
color:#88a8dc;
margin-right:5px;
margin-bottom:5px;
}
.input-email{
float:left;
width:105px;
border:1px solid #88a8dc;
margin-bottom:5px;
}
.label-mess{
float:left;
text-align:left;
font-weight:bold;
color:#88a8dc;
margin-bottom:5px;
}
.input-mess{
float:left;
width:180px;
height:60px;
border:1px solid #88a8dc;
}
#envoyer{
float:left;
background-color:#fff;
border:1px solid #88a8dc;
color:#0060b6;
margin-left:135px;
}