/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {
margin: 0pt;
margin-bottom:0px;
padding: 0pt;
background-image: url(../pictos_site_21/fond.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
background-position: top;
color: #333333; 
}

ul {
margin:0;
padding:0;
padding-left:10px;
padding-top:10px;
}

a {
color: #cc007b;
text-decoration: underline;
outline: none;
}

a:hover {
color: #cc007b;
text-decoration: none;
}

a:visited {
color: #9f0060;
text-decoration: underline;
}

a:visited:hover {
color: #9f0060;
text-decoration: none;
}

a img{
	border: none;
}

a.box-video{
margin-bottom
}

h1 {
text-align: left;
color: #cc007b;
font-weight: bold;
font-size: 15px;
margin-bottom:3px;
}

h2 {
text-align: left;
color: #666666;
font-weight: bold;
font-size: 13px;
margin-bottom:2px;
margin-top:10px;
}

h3 {
font-size: 12px;
font-weight:bold;
color: #333333;
padding: 0px;
margin-bottom:0px;
margin-top:0px;
 }

h4 {
font-size: 16px;
font-weight:bold;
color: #333333;
padding: 0px;
margin-bottom:0px;
margin-top:0px;
}

hr {
display:block;
height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #e7e7e7;
 background-color: #e7e7e7;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }

tbody {
font-size: 11px;
}

form {
display:block;
margin:0;
padding:0;
}


#conteneur {
margin: 0 auto;
position:relative;
background-image:url(../pictos_site_21/header_home.jpg);
background-repeat:no-repeat;
background-position: center top;
width:1000px;
}

#conteneur2 {
margin: auto;
position:relative;
background-image:url(../pictos_site_21/header_home.jpg);
background-repeat:no-repeat;
width:1011px;
}
/* menu*/

#RetourAccueil {
position:absolute;
left:0;
}

/* centre*/

#tableau {
padding-top:184px;
margin:auto;
}


#centre{
width:530px;
padding-left:15px;
}

.image {
float: left;
margin-right: 10px;
}

#bloc-espace {
height: 10px;
}

/* bloc haut de page*/

#haut-de-page {
text-align: right;
}


#dhtmltooltip{
text-align:left;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #cccccc;
padding: 7px;
background-color: #f3f3f3;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


#bloc-portfolio {
float:left;
height:94px;
width:165px;
background-image:url(../pictos_site_21/encart_logos.gif);
background-repeat:no-repeat;
margin-top: 12px;
}

#portfolio{
text-align: left;
padding-top:10px;
padding-left:48px;
margin:0px;
}

#portfolio ul{
margin-bottom:0px;
list-style: none;
}

#portfolio li{
text-decoration: none;
text-align: left;
margin-left:0px;
overflow: visible;
visibility: visible; 
list-style-type: none; 
display: none; 
margin: 0; 
padding: 0;
border: none; }
/*portfolio*/

/* menu */
.suckerdiv ul{
margin:auto;
list-style-type: none;
width: 175px;
padding:0;
padding-left:5px;
}
	
.suckerdiv ul li{
margin:auto;
position: relative;
background-color:#FFFFFF;
padding-top:2px;
padding-bottom:2px;
text-align:left;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
top: 0;
background-color:#FFFFFF;
text-align:left;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background-color:#FFFFFF;
border-bottom: 0;
background-image:url(../pictos_site_21/fleche_bleu.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
text-align:left;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: #e3edf7;
background-image:url(../pictos_site_21/fleche_bleu_on.gif);
background-repeat:no-repeat;
background-position:left;
color:#cc007b;
text-align:left;
}


.suckerdiv .subfolderstyle{
background-image:url(../pictos_site_21/fleche_bleu.gif);
background-repeat:no-repeat;
background-position:left;
text-align:left;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { 
float: left; 
height: 1%; 
}

* html .suckerdiv ul li a { 
height: 1%;
background-image:url(../pictos_site_21/fleche_bleu.gif);
background-repeat:no-repeat;
background-position:left;
text-align:left;
}
/* End */

#fondmenu {
background-image:url(../pictos_site_21/menu.jpg);
background-repeat:no-repeat;
width:190px;
}

#BasMenu {
background-image:url(../pictos_site_21/basmenu.jpg);
background-repeat:no-repeat;
width:190px;
height:14px;
}

#contenu {
width:1000px;
}

#centre {
}

#gauche {
float:right;
width:200px;
}

#btinscription {
margin-top:2px;
background-image:url(../pictos_site_21/bt_inscription.gif);
background-repeat:no-repeat;
height:32px;
padding-top:6px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
}

#btinscription a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#btinscription a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}

#btrose {
background-image:url(../pictos_site_21/bt_rose.gif);
background-repeat:no-repeat;
height:32px;
margin-top:2px;
padding-top:6px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
}

#btrose a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

#btrose a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
text-decoration:underline;
}

#AccueilContact {
margin-top:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-align:left;
}

#AccueilContact a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
}
#AccueilContact a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
text-decoration:underline;
}

#cartouchetitre {
height:30px;
background-image:url(../pictos_site_21/cartouche_rose.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:164px;
}

#cartouchetitreAccueil {
height:30px;
background-image:url(../pictos_site_21/cartouche_rose.gif);
background-repeat:no-repeat;
background-position:left;
margin-top:223px;
}

#cartouchetitreAccueil a{
color: #ffffff;
text-decoration: none;
}

#cartouchetitreAccueil a:hover{
color: #e066b0;
text-decoration: none;
}

#TitreCartouche {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
color:#ffffff;
padding-top:5px;
padding-left:10px;
}

#titreedito {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#cc007b;
margin-bottom:5px;
text-align: left;
width: 100%;
}

#edito {

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:justify;
float:left;
}

#edito .bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

#actus {
float:right;
position:relative;
width:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:left;
margin-bottom:10px;
margin-right:10px;
}
#actus .bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
#actus a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc007b;
text-decoration:none;
background-image:url(../pictos_site_21/fleche_rose.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:10px;
}
#actus a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc007b;
text-decoration:underline;
}
.pointillesActus {
margin-left:26px;
}

#Langues {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
text-align:left;
}

#Langues a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
text-align:left;
text-decoration:none;
}

#Langues a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#000000;
text-align:left;
text-decoration:underline;
}

.drapeaux {
margin-right:5px;
vertical-align:text-top;
}

#chiffresCles {
background-image:url(../pictos_site_21/chiffres_cles_top.gif);
background-repeat:no-repeat;
background-position:left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-top:15px;
padding-right:17px;
padding-left:15px;
text-align:left;
margin-top: 6px;
}

#chiffresCles .Titre {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#0055a6;
}

#chiffresCles p {
padding-bottom:0;
margin-bottom:0;
}

#chiffresCles .bold{
width:171px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

#chiffresClesBas {
background-image:url(../pictos_site_21/chiffres_cles_bas.gif);
background-repeat:no-repeat;
background-position: left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
padding-top:25px;
padding-right:15px;
}

#Flash {
background-image:url(../pictos_site_21/flash_top.gif);
background-repeat:no-repeat;
background-position: left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
padding-top:30px;
padding-right:17px;
padding-left:15px;
text-align:left;
}

#Flash a{
background-image:url(../pictos_site_21/fleche_bleu.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#0054a5;
padding-left:7px;
text-decoration:none;
background-position:left;
}

#Flash a:hover{
background-image:url(../pictos_site_21/fleche_bleu.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#0054a5;
padding-left:7px;
text-decoration:underline;
background-position:left;
}

#Flash .bold{
width:171px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

#FlashBas {
background-image:url(../pictos_site_21/flash_bas.gif);
background-repeat:no-repeat;
background-position: left top;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
padding-left:16px;
padding-right:15px;
}

#footer {
background-image:url(../pictos_site_21/footer.gif);
background-repeat:no-repeat;
background-position:left top;
height:56px;
padding-top:32px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
color:#666666;
}

#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
color:#666666;
text-decoration:none;
}

#footer a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
color:#666666;
text-decoration:underline;
}


.spacer {
padding-left:6px;
padding-right:6px;
}

.habillage-recherche {
width: 130px;
background-color: #FFFFFF;
border: 1px #9bd1ed solid;
height: 14px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #333333;
vertical-align:middle;
}

#Recherche {
vertical-align:middle;
padding-top: 15px;
margin-left: 15px;
margin-bottom: 15px;
text-align: left;
}

.alignement {
vertical-align:middle;
}
.imgRechercher {
}

#bloc-arbo {
font-size: 9px;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
color:#999999;
margin-bottom:8px;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #999999;
}

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
}

#Liens {
background-color:#f7e7f0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
padding:10px;
width:180px;
float:right;
margin-left:12px;
text-align:left;
}

#Liens a{
background-color:#f7e7f0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
background-image:url(../pictos_site_21/puce_rose.gif);
background-repeat:no-repeat;
background-position:0 5px;
text-decoration:underline;
color:#000000;
padding-left:10px;
}

#Liens a:hover{
background-color:#f7e7f0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
background-image:url(../pictos_site_21/puce_rose.gif);
background-repeat:no-repeat;
background-position:0 5px;
text-decoration:none;
color:#000000;
}

#TexteInterne {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:justify;
padding-right:16px;
}


#TexteInterne .bold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}

#hdp {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
}

#hdp a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

#hdp a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000000;
text-decoration:underline;
}


#Diaporama {
width:550px;
}

#Zoom {
width: 131px;
float: left;
margin-right:10px;
margin-bottom:10px;
margin-top:6px;
border-left-color:#0099FF;
}

#liste-centre li {
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
list-style:none;
}

#liste-centre li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc007b;
text-decoration:none;
background-image:url(../pictos_site_21/fleche_rose.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left:12px;
text-decoration: underline;
}

#liste-centre li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc007b;
text-decoration: none;
}

#liste-centre li a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#9f0060;
text-decoration: underline;
}

#liste-centre li a:visited:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#9f0060;
text-decoration: none;
}

.Bleu {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0055a6;
}

.BordureTableauBleu {
border:solid;
border-color:#0055a6;
border-width:1px;
}

.BordureTableauRose {
border:solid;
border-color:#cc007b;
border-width:1px;
}

.BordureTableauGris {
border:solid;
border-color:#CCCCCC;
border-width:1px;
}



/* faq*/



#liste-faq{
margin: 20px;
padding: 0px;
}

#liste-faq ul{
list-style: none;
margin-top: 0px;
padding: 0px 20px 20px 0px;
}

#liste-faq li {
list-style-type: none;
margin: 0px;
padding-left: 17px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 10px;
background: url(../pictos_site_21/fleche_rose.gif) no-repeat left 14px;
}


#liste-faq a {
color: #cc007b;
font-weight: bold;
text-decoration: none;
font-size: 13px;
}

#liste-faq a:hover {
color: #cc007b;
text-decoration: underline;
}


#subliste ol{
margin: 0px;
padding: 0px;
font-size: 1.0em;
}

#subliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #cc007b;
}

#subliste a {
color: #000000;
font-weight: normal;
text-decoration: none;
font-size: 12px;
}

#subliste a:hover {
color: #000000;
text-decoration: underline;
}

#subsubliste ul{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subsubliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 55px;
background-image: none;
color: #cc007b;
}

#subsubliste a {
color: #cc007b;
font-weight: normal;
text-decoration: none;
}
#subsubliste a:hover {
color: #cc007b;
text-decoration: underline;
}

#cartouchetitreAccueil {
color: #ffffff;
margin-left: 1px;
font-size: 13px;
line-height: 29px;
font-weight: bold;
}

hr.pointille {
color: #cc007b;
background-color: transparent;
border: dotted;
border-top-width: 1px; 
border-bottom-width: 0px; 
border-right-width: 0px; 
border-left-width: 0px;
margin: 10px 0;
}

.spacer2 {
clear: both;
}

.video-infos h2{
color: #cc007b;
font-size: 15px;
margin-top: 5px;
margin-bottom: 5px;
}