/* ===================================== *\
|  Styles de base et structure du site    |
|  Création : 13/03/2006                  |
|  Derniere modification : 13/03/2006     |
|  (C) Infomoto 2006											|
|	 Author : Christophe Bord               |
\* ===================================== */

body {
 background-color:#F0F0F0;
 text-align:center;
}

body, p, div, span, a, form, input, textarea{
 padding:0px;
 margin:0px;
 border:0px;
 font-family:arial;
 font-size:12px;
 color:#333333;
}

img{
 border:0;
}

/* ===================================== *\
|  Structure du site    								  |
\* ===================================== */

#page{
 width:960px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

#header{
 width:960px;
 height:176px;
}

div.header-left{
 width:248px;
 text-align:left;
 height:176px;
 float:left;
}

p.liens-pictos{
 text-align:right;
 width:120px;
 float:left;
}

#intitule-picto{
 float:left;
 width:113px;
 height:36px;
 padding-left:15px;
 color:#1E6D91;
 text-align:right;
 font-size:11px;
}

a.picto1{
 float:right; 
 display:block;
 width:16px;
 height:16px;
 background-image: url("../images/picto1.gif");
 background-repeat: no-repeat;
 background-position: left;
 margin-right:5px;
}

a.picto1:hover{
 background-image: url("../images/picto1b.gif");
}

a.picto2{
 float:right; 
 display:block;
 width:18px;
 height:17px;
 background-image: url("../images/picto2.gif");
 background-repeat: no-repeat;
 background-position: left;
 margin-right:5px;
}

a.picto2:hover{
 background-image: url("../images/picto2b.gif");
}

a.picto3{
 float:right; 
 display:block;
 width:19px;
 height:16px;
 background-image: url("../images/picto3.gif");
 background-repeat: no-repeat;
 background-position: left;
 margin-right:5px;
}

a.picto3:hover{
 background-image: url("../images/picto3b.gif");
}

a.picto4{
 float:right; 
 display:block;
 width:19px;
 height:18px;
 background-image: url("../images/picto4.gif");
 background-repeat: no-repeat;
 background-position: left;
 margin-right:12px;
}

a.picto4:hover{
 background-image: url("../images/picto4b.gif");
}

div.header-right{
 background-image: url("../images/header-background.jpg");
 background-repeat: no-repeat;
 background-position: left;
 width:712px;
 text-align:left;
 height:176px;
 float:left; 
}

#content{
 width:960px;
}

div.content-left{
 width:248px;
 text-align:left;
 float:left; 
 background-image: url("../images/left-column-bg.jpg");
 background-repeat: no-repeat;
 background-position: top;
}

div.mask{
 background-image: url("../images/MASK.gif");
 background-repeat: no-repeat;
 background-position: bottom;
}

#contenu-col-gauche{
  padding-left:23px;
  padding-top:20px;
  margin-right:20px;
}

#contenu-col-gauche span{
  font-family:"Trebuchet MS";
  font-weight:bold;
  color:#FFFFFF;
  font-size:22px;
}

#contenu-col-gauche p{
 font-family:"arial";
 color:#FFFFFF;
 font-size:11px;
 text-align:right;
 padding-bottom:15px;
}

span.titre{
 font-family:"Trebuchet MS";
 font-weight:bold;
 color:#FFFFFF;
 font-size:22px;
}

p.texte-blanc{
 font-family:"arial";
 color:#FFFFFF;
 font-size:11px;
}

div.filet-bleu{
 border-top:1px solid #66AFDB;
 padding-top:1px;
 width:120px;
 margin-left:82px;
 margin-bottom:2px;
}

#contenu-col-gauche ul{
 text-align:right;
 margin-top:0;
}

#contenu-col-gauche li{
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: right;
 padding-right:10px;
 margin-bottom:1px;
 width:155px;
 text-align:right;
}

#contenu-col-gauche li a{
 font-family:"arial";
 color:#FFFFFF;
 font-size:11px;
}

#contenu-col-gauche li a:hover{
 color:#B0C82D;
}

div.content-right{
 width:712px;
 text-align:left;
 float:left;
}

div.contenu-page{
 padding-left:30px;
 padding-right:30px;
 padding-top:15px;
}

#footer{
 width:960px;
 height:60px;
}

div.footer-left{
 width:248px;
 text-align:left;
 float:left;
 background-image: url("../images/logo-small.gif");
 height:60px;
 background-repeat: no-repeat;
 background-position: left;
}

p.info-footer{
 padding-left:110px;
 color:#1E6D91;
 font-size:11px;
}

div.footer-right{
 width:712px;
 float:left;
}

ul.menu-header{
 margin:0;
 padding:0;
 list-style-type:none;
 padding-top:110px;
 padding-left:30px;
}

div.bloc-presentation{
 padding-top:5px;
 margin-left:5px;
 float:left;
}

div.bloc-presentation ul{
 margin:0;
 padding:0;
 list-style-type:none;
 background-color:red;
 text-align:right;
 margin-top:0;
}

div.bloc-presentation li{
 color:#FFFFFF;
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: 0 5px;
 width:110px;
 text-align:left;
 padding-left:12px;
 line-height:14px;
}

#menu-presentation{
 
}

#menu-presentation li{
 color:#FFFFFF;
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: 0 5px;
 width:110px;
 text-align:left;
 padding-left:12px;
 line-height:14px;
}

ul.menu-header a{
 font-weight:bold;
 font-size:22px; 
 color:#FFFFFF; 
}

ul.menu-header a em{
 color:#8EC4DD;
 font-style:normal;
 font-size:24px;
}

ul.menu-header a:hover{
 color:#8EC4DD;
}

ul.menu-header a:hover em{
 color:#FFFFFF;
 font-style:normal;
 font-size:24px;
}

ul.menu-header li{
 text-align:left;
 float:left;
 padding-right:35px;
 color:#AFC72C;
 font-style:normal;
 font-weight:bold;
 font-size:22px; 
 line-height:18px;
}

ul.menu-header em{
 color:#AFC72C;
 font-style:normal;
 font-weight:bold;
 font-size:24px; 
}

ul.menu-footer{
 margin:0;
 padding:0;
 padding-left:30px;
}

ul.menu-footer li{
 padding-left:10px;
 padding-right:10px;
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: 0% 50%; 
}

ul.menu-footer li a{
 color:#1E6D91; 
}

ul.menu-footer li a:hover{
 color:#B0C82D; 
}

div.separation {
 clear:both;
 visibility:hidden;
}

p.filet-rouge{
 padding-bottom:10px;
 border-bottom:1px solid #C60008;
}

div.filet-gris{
 /*border-bottom:1px solid #595E5E;*/
 padding-bottom:40px;
}

div.fond-gris{
 background-color:#F5F5F5;
}

div.partie-gauche{
 float:left;
 width:396px;
 padding-left:30px;
 padding-right:15px;
 text-align:left;
}

div.partie-droite{
 float:left;
 width:394px;
 padding-left:30px;
 padding-right:15px;
 text-align:left;
}

div.flottant-gauche{
 float:left;
}

div.flottant-droite{
 float:right;
}

div.liste-liens-accueil{
 margin-top:2px;
}

div.br{
 clear:right;
}

div.sep5px{
 clear: both;
 padding-top:5px;
}

p.sep25px{
 font-size:25px;
 padding-top:25px;
}

.width100px{
 width:100px;
}

ul.liens-bas-home li{
 padding-right:15px;
}

.align-droite{
 text-align:right;
}

.bg-blanc{
 background-color:white;
}

ul{
 list-style-type:none;
 display:block;
}

li{
 display:block;
 float:left;
}


.commentaire{
 color:#575757;
 font-size:11px;
}

a{
 text-decoration:none;
 color:#000000;
}

a.puce-gauche{
 display:block;
 border-left:solid 4px #000000;
 padding-left:4px;
 line-height:10px;
}

a.puce-gauche-rouge{
 display:block;
 border-left:solid 4px #E10915;
 padding-left:4px;
 line-height:12px;
}

a.puce-gauche-rouge:hover{
 color:#E10915;
}

a.puce-fleches{
 display:block;
 background-image: url("../images/puce-fleches.gif");
 background-repeat: no-repeat;
 background-position: left;
 padding-left:15px;
 padding-top:1px;
 text-align:left;
 font-size:11px;
}

a.lien-block{
 display:block;
}

a.lien-contexte{
 color:#1E6D91;
 font-size:11px;
 text-decoration:underline; 
 font-weight:normal;
}

.puce-contexte{
 padding-left:18px;
 background-image: url("../images/puce-home.gif");
 background-repeat: no-repeat;
 background-position: left;
}

a.lien-contexte:hover{
 color:#B0C82D;
 font-size:11px;
 text-decoration:none; 
}


p.barre-contexte{
 color:#1E6D91;
 font-size:11px;
 padding-left:8px;
}

h1{
 padding-left:53px;
 background-image: url("../images/puceh1.gif");
 background-repeat: no-repeat;
 background-position: left;
 font-family:"Trebuchet MS";
 font-size:26px;
 color:#1D6C91;
 margin-left:25px;
 margin-top:30px;
}

h2{
 padding-left:25px;
 background-image: url("../images/puceh2.gif");
 background-repeat: no-repeat;
 background-position: left;
 font-family:"Trebuchet MS";
 font-size:18px;
 color:#1D6C91;
 font-weight:bold;
 clear:both;
}

h2 em{
 color:#B0C82D;
 font-style:normal;
}

h3{
 padding-left:22px;
 background-image: url("../images/puceh3.gif");
 background-repeat: no-repeat;
 background-position: left;
 font-family:"Trebuchet MS";
 font-size:16px;
 color:#1D6C91;
 font-weight:bold;
 clear:both;
}

h3 em{
 color:#B0C82D;
 font-style:normal;
}

p{
 color:#113F53;
}

p.form-left-col{
 float:left;
 width:150px;
 text-align:right;
 padding-right:10px;
 color:#113F53;
}

p.form-right-col{
 float:left;
 clear:right;
 width:400px;
 background-color:red;
 text-align:left;
}

form input.champ{
 border: 1px solid #113F53;
 background-color:#FFFFFF;
 width:150px;
 height:16px;
 font-size:11px;
 padding:2px;
}

form input.champ-over{
 background-color:#FFFFFF;
 border: 2px solid #AFC72D;
 font-size:11px;
 width:148px;
 padding:2px;
 height:14px;
}

form textarea.txtarea-over{
 border: 2px solid #AFC72D;
 background-color:#FFFFFF;
 width:348px;
 height:68px;
 font-size:11px;
 padding:2px; 
}

form textarea.txtarea{
 border: 1px solid #113F53;
 background-color:#FFFFFF;
 width:350px;
 height:70px;
 font-size:11px;
 padding:2px;
}

form input.btn{
 background-color:#1E6D91;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 border: 1px solid #AFC72D;
 text-align:center;
 width:130px;
}

form input.btn-over{
 background-color:#AFC72D;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 border: 1px solid #1E6D91;
 text-align:center;
 width:130px;
}

div.paragraphe-photo-gauche p{
 float:left;
 color:#113F53;
 width:480px;
}

div.paragraphe-photo-droite p{
 display:block;
 float:left;
 color:#113F53;
 width:450px;
}

div.paragraphe-photo-gauche ul{
 margin-top:5px;
 padding-top:5px;
 width:400px;
 float:left;
}

div.paragraphe-photo-droite ul{
 margin-top:5px;
 padding-top:5px;
 float:left;
}

div.paragraphe-photo-gauche li{
 padding-bottom:5px;
 padding-left:10px;
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: 0 5px;
 width:100%;
 text-align:left;
 color:#113F53;
}

div.paragraphe-photo-droite li{
 padding-bottom:5px;
 padding-left:10px;
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: 0 5px;
 width:85%;
 text-align:left;
 color:#113F53;
}

div.paragraphe-photo-gauche img{
 border:2px solid #92C7E0;
 display:block;
 float:left;
 padding:1px;
 background-color:#FFFFFF;
 margin-right:10px;
}

div.paragraphe-photo-droite img{
 border:2px solid #92C7E0;
 display:block;
 float:left;
 padding:1px;
 background-color:#FFFFFF;
 margin-left:10px;
}

div.paragraphe-photo-gauche li a{
 color:#113F53;
}

div.paragraphe-photo-gauche li a:hover{
 color:#B0C82D;
}

div.paragraphe-photo-droite li a{
 color:#113F53;
}

div.paragraphe-photo-droite li a:hover{
 color:#B0C82D;
}

div.contenu-page ul{
 margin-top:5px;
 padding-top:5px;
 width:450px;
 text-align:left;
 clear:both;
}

div.contenu-page li{
 padding-bottom:5px;
 padding-left:10px;
 background-image: url("../images/puce.gif");
 background-repeat: no-repeat;
 background-position: 0 5px;
 width:100%;
 text-align:left;
 color:#113F53;
}

div.contenu-page img{
 border:2px solid #92C7E0;
 display:block;
 float:left;
 padding:1px;
 background-color:#FFFFFF;
 margin-right:10px;
}

div.contenu-page{
 color:#113F53;
}

div.contenu-page li a{
 color:#113F53;
}

div.contenu-page li a:hover{
 color:#B0C82D;
}

div.contenu-page p{
 display:block;
}