* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body {
background: #fff url(../../images/bkgSite.jpg) no-repeat;
background-attachment: fixed;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 12px;
color: #000;}

input, textarea, select {
margin: 0 2px 0 0;
float: left;
padding: 1px;
border: 1px #999999 solid;
background: #fff;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif; 
font-size: 11px; 
color: #333333;}

input {width: 150px;}

input.big {width: 250px;}

label {float: left;}

.validation-advice {
clear: both;
width: 500px;
color: #cc0000; 
font-weight: bold; 
text-align: left; 
padding-top: 3px;
font-size: 11px; 
float: left;}

#errMsg {
color: #cc0000; font-weight: bold; 
text-align: left; padding-top: 3px;
font-size: 11px; display: block;}

#allContent {
width: 990px; 
margin: auto;}

#mainContent {
width: 990px; }

.zoneText ul li,
.zoneText ol li {
padding: 0 !important;
list-style-position: inside;}

a {
color: #000;
text-decoration: underline;}

a:hover {
text-decoration: underline;}

/******************************************************************************************/
/*                                                                                 Entete */
/******************************************************************************************/

#entete {
background: url(../../images/LogoEntete.png) no-repeat;
height: 200px;
width: 990px;}

#entete h1 span,
#entete h2 span {
display: none;}

/******************************************************************************************/
/*                                                                             Navigation */
/******************************************************************************************/
#navigation {
margin: 20px 0 0 0;
width: 167px;
display: block;
float: left;}

#navigation ul {
width: 167px;
list-style: none;}

#navigation ul li {
margin: 0 0 6px 0;
float: left; }

#navigation ul li a {
padding: 1px 0 0 10px;
text-decoration: none;
font-size: 15px;
display: block;
width: 157px;
height: 23px;
color: #fff;
background: url(../../images/bkgLiNav.gif) no-repeat;
background-position: 0 -24px;}

#navigation ul li a:hover{
color: #000;
background-position: 0 0; }

/******************************************************************************************/
/*                                                                                Content */
/******************************************************************************************/
#content {
margin: 20px 0 0 20px;
width: 700px;
display: block;
float: left;}

#content h1 {
color: #fff;
font-size: 18px;
margin: 0 0 10px 0;}

.pageLibre #content h1 {
color: #fff;
font-size: 18px;
margin: 0 0 10px 0;}

.pageLibre #content h2 {
font-size: 15px;
margin: 10px 0 5px 0;}

.pageLibre #content #sousNav {
border-bottom: 1px #95cae6 solid;
display: block;
width: 700px;}

.pageLibre #content #sousNav ul {
list-style: none;}



.pageLibre #content #sousNav ul li {
display: block;
float: left;
height: 20px;}

.pageLibre #content #sousNav ul li a {
font-weight: bold;
margin: 0 10px 0 0;
display: block;
float: left;
height: 20px;
line-height: 20px;
padding: 2px 0 0 35px;
background: url(../../images/puceSousNav.png) no-repeat 0 0;}

.pageLibre #content img {
border: 1px #95cae6 solid;
display: block;
float: right;
margin: 0 0 10px 10px;
padding: 5px;}

.pageLibre #content .zoneText p {
display: block;
margin: 0 0 12px 0;}

/******************************************************************************************/
/*                                                                                    Home*/
/******************************************************************************************/

#blocEdito {
display: block;
margin: 0 0 20px 0;}

#blocEdito h3 {
font-size: 17px;
display: block;
padding: 0 0 10px 0;}


.pageAccueil #colActu,
.pageAccueil #colPromo {
margin: 0 5px 0 0;
width: 340px;
display: block;
float: left;}

.pageAccueil #colActu .actu,
.pageAccueil #colPromo .promo {
margin: 0 5px 0 0;
width: 340px;
display: block;
float: left;}


.titreActuHome {
padding: 17px 0 0 60px; 
font-size: 15px;
color: #fff;
background: url(/fr/images/bkgTitreActu.gif) no-repeat;
width: 85px;
height: 22px; 
display: block;}

.titreActuHome span {
display: none;}

.actu {
width: 700px;
border-top: 1px #95cae6 solid;
display: block;
float: left;
padding: 10px 0 10px 0;}

.promo {
width: 700px;
border-top: 1px #95cae6 solid;
display: block;
float: left;
padding: 10px 0 10px 0;}

.actu img {
border: 1px #95cae6 solid;
display: block;
float: right;
margin: 5px;
padding: 5px;}

.date {}

.titreActu {
font-size: 14px;
margin: 0 0 5px 0;}

.suite {
text-decoration: underline;
padding: 5px 0 0 0;}

.retour {
text-align: right;}

/******************************************************************************************/
/*                                                                                 Contact*/
/******************************************************************************************/
.pageContact fieldset {
border: 1px #95cae6 solid;;
padding: 10px 5px 10px 5px;}

.pageContact legend {
padding: 5px;
font-size: 17px;
color: #fff;}

.pageContact fieldset p {
padding: 0 0 10px 0;}


.pageContact .lineForm {
width: 680px;
display: block; margin-bottom: 5px; float: left; }

.pageContact label {width: 100px; display: block; float: left; text-align: right; padding-right: 5px;}

.pageContact .lineForm input.small {
width: 32px;}

.pageContact .lineForm input.noSize {
width: 20px;
margin: 0 5px 0 0;}

.pageContact .lineForm textarea {
width: 500px;}

.pageContact .btnRechercher {
line-height: 20px;
font-size: 13px;
color: #000;
border: 1px #fff solid;
display: block;
width: 90px;
height: 24px;
background-color: #95cae6;}


.pageContact .btnValider {
font-weight: bold;
font-size: 14px;
color: #000;
border: 1px #fff solid;
display: block;
width: 90px;
height: 25px;
background-color: #95cae6;
float: right;}

/******************************************************************************************/
/*                                                                                 Footer */
/******************************************************************************************/
#footer {text-align: right;
display: block;
width: 885px;}

#footer a {
color: #000;
text-decoration: none;}

#footer a:hover {
text-decoration: underline;}

/******************************************************************************************/
/*                                                                       Mentions légales */
/******************************************************************************************/
#pageMentionsLegales h4 { color:white; padding-top: 5px; }