/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "flexcrollstyles.css";

h1{
display:block;
padding-bottom:0px;
border-bottom:1px solid #CCC;
font-size:27px;
color:#A97BC9;
letter-spacing:-1px;
font-weight:lighter;
}
h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#BCAF61;
}
h3{
display:block;
padding-bottom:0px;
border-bottom:1px solid #7FBCDD;
font-size:18px;
color:#04548C;
letter-spacing:-1px;
}
.petit{
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#A97BC9;
}
.top10{
padding:10px 0 0 0;
}
.top10Underline{
padding:10px 0 10px 0;
border-bottom:1px solid #eee;
}
.redBold{
color:#e80045;
font-weight:bold;
}
.redBoldCaps{
color:#e80045;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
.presentation{
letter-spacing:0px;
line-height:20px;
}

#blocProduit{
width:260px;
padding-right:65px;
float:left;
padding-top:20px;
}
#blocFlash{
width:260px;
height:150px;
}
.titreProduit{
width:240px;
height:40px;
padding-left:20px;
line-height:40px;
font-size:15px;
color:#4e4e4e;
font-weight:bold;
background:url(../images/charte/bg-titre-produits.gif);
}
.titreMatiere{
font-size:15px;
padding-right:10px;
text-align:right;
font-weight:bold;
color:#e80045;
}
#blocMatiere{
width:980px;
height:500px;
float:left;
}
#blocMatiereInfo{
width:980px;
float:left;
}
#blocServices{
width:480px;
height:265px;
float:left;
padding-top:15px;
padding-bottom:5px;
font-size:11px;
line-height:14px;
color:#888;

}
#blocServicesInt{
width:200px;
float:left;
padding-right:20px;
}
#blocServicesTexte{
width:240px;

float:left;
padding-right:20px;
overflow:hidden;
}

/*#blocServicesSavoir{
width:200px;
height:40px;
float:left;
padding-right:20px;
}*/
.servTitre{
font-size:22px;
color:#000;
margin-bottom:5px;
padding-bottom:5px;
line-height:22px;
border-bottom:1px solid #eee;
}
#video{
width:660px;
height:500px;
float:left;
padding-top:20px;
}
#videoContent{
padding-top:20px;
width:280px;
float:left;
}
#blocVignMatiere{
width:480px;
height:150px;
float:left;
padding-top:10px;
}
#blocVignFlash{
width:110px;
height:150px;
float:left;
}
#blocVignTexte{
width:300px;
height:150px;
overflow:hidden;
float:left;
}
#parutionPresse{
width:400px;
padding:10px 20px 10px 20px;
float:left;
font-size:11px;
color:#777;
}
#parutionPresse p{
text-align:justify;
line-height:17px;
}
#parutionPresse .date{
background-color:#999;
display:block;
font-size:17px;
padding:2px;
color:#fff;
}
#parutionPresse .titre{
font-size:14px;
color:#e80045;
}
#parutionPresse a{
display:block;
color:#e80045;
}
#parutionPresse a:hover{
text-decoration:underline;
}

#evenement{
width:980px;
padding:10px 0px 10px 0px;
float:left;
font-size:11px;
color:#777;
}
#evenement2{
width:490px;
padding:10px 0px 10px 0px;
float:left;
font-size:10px;
color:#777;
}
#evenement p{
line-height:17px;
}
#evenement2 p{
line-height:15px;
}

#evenementImage{
width:148px;
height:148px;
border:1px solid #ccc;
background:#FFFFFF no-repeat center center;
float:left;
}
#evenementImage2{
width:99px;
height:99px;
border:1px solid #ccc;
background:#FFFFFF no-repeat center center;
float:left;
}
#evenementContenu{
width:820px;
text-align:justify;
padding-left:10px;
float:left;
}
#evenementContenu2{
width:330px;
text-align:justify;
padding-left:10px;
float:left;
}
#evenement .date{
font-size:17px;
color:#555;
padding-top:2px;
}
#evenement2 .date{
font-size:14px;
color:#555;
padding-top:2px;
}
#evenement .titre{
font-size:16px;
color:#e80045;
border-bottom:1px solid #eee;
font-weight:bold;
}
#evenement2 .titre{
font-size:14px;
color:#e80045;
border-bottom:1px solid #eee;
}
#evenement a{
display:block;
color:#e80045;
}
#evenement a:hover{
text-decoration:underline;
}
#login{
width:400px;
padding:10px 40px 10px 0px;
font-size:11px;
color:#fff;
margin-left:300px;
}
#login .bloc1{
width:170px;
float:left;
padding:0 15px 0 15px;
background-color:#ddd;
}
#login .bloc2{
width:370px;
float:left;
padding:0 15px 0 15px;
background-color:#ddd;
}
.planTitre{
font-size:20px;
text-transform:uppercase;
border-bottom:1px solid #eee;
margin-left:20px;
color:#999999;
padding-top:10px;
}
.planLien{
margin-left:20px;
}


.para-tendance {
padding:5px 0 10px 2px;
text-align:justify;
}


#contenu #blocServices #blocServicesTexte ul {
}

#contenu #blocServices #blocServicesTexte li {
padding: 3px 0 3px 20px;
list-style:none;
background:url("../images/puce.gif") no-repeat 0px 3px;

}

#bloclangue{
margin:0 0 10px 0;
text-align:right;
}

#bloclangue2{
text-align:center;
}