@charset=UTF-8;

/***** menu CSS *****/
@media print {
    .menu, .ssmenu {
        visibility:hidden;
    }
}


/*  BODY ***********************/



.cache {display: none;}

html {font-size: 100%;} 

body {
font-size: 1em;
background-color: #efeef4;
background-attachment: fixed; 
font-family: DejaVu, "Trebuchet MS", Arial, Helvetica, sans-serif; 
margin: 0px;
}

* {

}


div#intro_1 {
float: left;
background: #efe8ef url(img/femme_intro_1.jpg) top left no-repeat;
height: 339px;
width: 1010px;
margin-bottom: 10px;
}

div#intro_2 {
float: left;
background: #efe8ef url(/img/femme_intro_2.jpg) top left no-repeat;
height: 339px;
width: 1010px;
margin-bottom: 10px;
}

div#intro_vr2 {
float: left;
background: #efe8ef url(/img/montage_vr2.jpg) top left no-repeat;
height: 400px;
width: 990px;
margin-bottom: 10px;
}

div#texte_banniere {
float: left;
height: 100px;
width: 590px;
margin:80px auto auto 500px;
color: firebrick;
line-height: 30px;
font-family: Arial Black;
font-size:3em;
}

div#texte_banniere_2 {
float: left;
height: 100px;
width: 500px;
margin:50px auto auto 500px;
color: firebrick;
line-height: 50px;
font-family: Arial Black;
font-size:3em;
}

div#blocsection {
margin-left: 230px;
margin-top: -0px;
}

div#blocsectionprogrammes {
margin-left: 280px;
margin-top: -0px;
}

.section1 {
float: left;
width:360px;
background: # url(img/gris2.jpg)top left repeat-y;
}

.section2 {
float: left;
width: 360px;
margin-left:25px;
background: # url(img/gris2.jpg)right left repeat-y;
}

.rouge {
border: #a91101 solid 1px;

}

.red {
color: #a91101;
}

.boite_ronde {
padding:10px;
margin-top: 5px;
margin-bottom: 8px;
border:1px solid #bbbbbb;
background: #f5f5f5;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/* les textes *****************  */

p {text-align:left;
font-size:1em;
font: DejaVu, "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0 0 0 0;
}   




h1 {
	line-height: 22px;
	font-family:DejaVu, "Trebuchet MS", Arial, Helvetica, sans-serif; 
   font-size:1.3em; 
	color: #a91101;
	background: url(img/) top left no-repeat;
	padding: 0px 0px 15px 0px;
	margin-top: 15px;
	margin-right: 20%;
	border-bottom: #a91101 solid 1px;
    }
	

	
    
h2 {
	font-family:DejaVu, "Trebuchet MS", Arial, Helvetica, sans-serif; 
		background: url(img/puce.jpg) top left no-repeat;
    font-size:1.15em; 
	color: #a91101;
	padding: 0px 0px 0px 20px;
	margin-top: 10px;
	font-style: italic;
    }
    
h2.neutre {
	font-family:DejaVu, "Trebuchet MS", Arial, Helvetica, sans-serif; 
		background: url() top left no-repeat;
    font-size:1.15em; 
	color: #000;
	padding: 0px 0px 0px 2px;
	margin-top: 10px;
	font-style: italic;
    }

h3 {
font-family:Arial,   sans-serif; 
font-size:1.12em; 
color: #a91101;
}
.center {
text-align: center;
}


.bouton {
width: 246px;
padding : 15px 70px; 
background: url(img/bouton.jpg) top left no-repeat;
margin: 20px auto 10px auto;
font-family: Arial,   sans-serif; 
font-size:1.12em; 
color: #fff;
font-weight: bold;
}


.cadre {/* conteneur global et arrière-plan du titre du cadre */
width: px;
padding-top: 30px;
background: url(img/cadrehaut.jpg) top left no-repeat;
margin: 10px auto 15px auto;
border: #a91101 solid 1px;
}

.bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(img/cadrebas.jpg) bottom left repeat-y;
padding-bottom: 10px;
}

.bloccadre p {
font-family: Arial,   sans-serif;
margin: 0px 10px 0 10px;
padding: 15px 8px 2px 8px;
color: #a91101; 
font-weight: bold;
}




.cadre_2 {/* conteneur global et arrière-plan du titre du cadre */
width: 340px;
padding-top: 30px;
background: url(img/cadrehaut.jpg) top left no-repeat;
margin: 10px auto 15px auto;
border: #a91101 solid 1px;
}

.bloccadre_2 {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(img/cadrebas.jpg) bottom left repeat-y;
padding-bottom: 10px;
}

.bloccadre_2 p {
font-family: Arial,   sans-serif;
margin: 0px 10px 0 10px;
padding: 15px 8px 2px 8px;
color: #a91101; 
font-weight: bold;
}


.flechette {
height: 12px;
width: 90%;
background: transparent url(img/fil.gif) top left repeat-x;
margin: 10px 0px 10px 0px;
border-bottom: #a91101 solid 0px;
clear: both;
}


.fleche {
float:;
height: 12px;
width: px;
background: transparent url(img/fil_point.gif) top left repeat-x;
margin: 10px 0px 10px 0px;
border-bottom: #a91101 solid 0px;
clear: both;
}

.separ {
clear: both;
visibility: hidden;
}

div#pub {
position: absolute;
top: 0;
left: 860;
width: ;/* si modif: width = (rien) **********/
text-align:;
margin: 0 0 0 0;
padding: 0 10 0 0;
background: transparent url("");
}

/**********************************/

div#pub_livre {
position: absolute;
top: 10;
left: 1040;
width: ;/* si modif: width = (rien) **********/
text-align:;
margin: 0 0 0 0;
padding: 0 10 0 0;
background: transparent url("");
}


img {margin:2px 8px 2px 2px;}   
 
ul {
padding:0px;
margin:0px 0px 20px 0px;
text-align: left;
background-color: # ;
background-attachment:fixed ;
background-image: url();
}

li {
padding: 0px 3px 0px 3px; 
margin: 0px 0px 0px 0px; 
text-align: left; 
list-style: ; 
line-height: 1.5em; 
text-indent: 3pt;
font-size: 1em;
font-weight: ;
}

.liste {
padding: 0px 2px 0px 5px; 
margin: 0px 5px 0px 20px; 
text-align: left; 
list-style: ; 
line-height: 1.35em; 
text-indent: 5pt;
font-size: 1em;
font-weight: ;
}


li a:hover {
width: 100%;
padding:0 0 0 0;
margin:0 0 0 0;
background-color:white;
color: black;}


.ref {float:left;
}

.piedmenu {
width: 700px;
background: #;
border-top: #a91101 solid 0px;
padding: 10px 10px 10px 10px;
font-size: 1em;
}


div#liens {
float: left;
margin: 5 3 0 0;
}


a:link {text-decoration: none;
color: black;}

a:visited {text-decoration: none;
color: purple;}

a:hover {
text-decoration: none;
color: #4faf8f;
background-color: white;
}

.bouton a:link {text-decoration: none;
color: #fff;}