/*-----------------------*/
/*  Paramètres généraux  */
/*-----------------------*/
html, body{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
	background-color: #d7d7d7;
	background-color: white;
}

/*--------------------------*/
/*  Classe  perso           */
/*--------------------------*/


.float-left{
	float: left;
}
.float-right{
	float: right;
}

.center{
  text-align: center;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.italic{
	font-style: italic;
}

.image_left{
	float: left;
	margin-right: 5px;
}
.image_right{
	float: right;
	margin-left: 5px;
}
.gras {
	font-weight: bold;
}

/*-----------------*/
/*  Styles balise  */
/*-----------------*/
td{
	
}

/* Titres */
h1{
	font-size: 17px;
	color: white;
	font-weight: bold;
	width: 625px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 218px;
	padding-right: 70px;
	background-color: #8e0761;
	line-height: 120%;
}

h2{
	font-size: 17px;
	font-weight: bold;
	color: #838283;
	line-height: 120%;
	background-color: #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;	
}



h3{
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	color: black;
}

h4{
	font-size: 12px;
	font-weight: bold;
	color: black;
	line-height: 120%;
}

/*--------------------*/
/*  LIENS hypertexte  */
/*--------------------*/
a:link{
	color: black;
	text-decoration: none;
}
a:visited{
	color: black;
	text-decoration: none;
}
a:hover{
	color: black;
	text-decoration: none;
}
a:active{
	color: black;
	text-decoration: none;
}

.couleur_bordeaux, a.couleur_bordeaux  {
	color: #ad0266; 
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
}

.couleur_violet, a.couleur_violet  {
	color: #940765;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%; 
}

.couleur_vert, a.couleur_vert {
	color: #c6d35b;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
}

.couleur_blanc, a.couleur_blanc {
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;		
}


.rectangle_vert {
	background: url('/image/interface/rectangle_vert.jpg') no-repeat;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	width: 357px;
	height: 86px;  
}

.rectangle_violet {
	background: url('/image/interface/rectangle_violet.jpg') no-repeat;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	width: 357px;
	height: 86px;  
}

.rectangle_bordeaux {
	background: url('/image/interface/rectangle_bordeaux.jpg') no-repeat;
	padding-top: 8px;
	padding-left: 20px;
	padding-right: 20px;
	width: 360px;
	height: 93px;  
}

.fond_violet {
	background-color: #8f0766;
	padding: 10px 10px 10px 10px; 
	color: white;
	font-size: 11px;
}

.bulle_vert{
	background: url('/image/interface/bulle_vert.jpg') no-repeat;	
	padding: 10px 10px 10px 10px;
	height: 203px;
	width: 99px;
}

.bulle_violet{
	background: url('/image/interface/bulle_violet.jpg') no-repeat;	
	padding: 10px 10px 10px 10px;
	height: 203px;
	width: 99px;
}

.bulle_turquoise{
	background: url('/image/interface/bulle_turquoise.jpg') no-repeat;	
	padding: 10px 10px 10px 10px;
	height: 203px;
	width: 99px;
}

.bulle_bleu_clair{
	background: url('/image/interface/bulle_bleu_clair.jpg') no-repeat;	
	padding: 10px 10px 10px 10px;
	height: 203px;
	width: 99px;
}
.bulle_vert ul,
.bulle_violet ul,
.bulle_turquoise ul,
.bulle_bleu_clair ul
{
	width: 89px;
	margin-top: 5px;
}

.bulle_vert ul li,
.bulle_violet ul li,
.bulle_turquoise ul li,
.bulle_bleu_clair ul li
{
	margin-bottom: 5px;
	font-size: 11px;
	color: white;
}

ul li.puce_violet {
	list-style-image: url('/image/interface/puce_violet-trans.png');
	margin-left: 15px;
	color: black;
}

ul li.puce_bleu_clair {
	list-style-image: url('/image/interface/puce_bleu_clair-trans.png');
	margin-left: 15px;
}

ul li.puce_vert {
	list-style-image: url('/image/interface/puce_vert-trans.png');
	margin-left: 15px;
	color: black;
}

/*----------*/
/*  HEADER  */
/*----------*/
#header{
	/*background:url('/image/interface/fond_header.jpg') bottom repeat-x;*/
	

}


#header #page_header{
	width: 990px;
	margin: 0 auto;
	background-color: white;
}

#header #page_header_interieur{
	width: 990px;
	margin: 0 auto;
	height: 249px;
	background-color: white;
	background:url('/image/interface/fond_header_interieur.jpg') bottom repeat-x ;
}

/* Menu niveau 3*/

#header ul#menu_niveau_trois {
	text-align: center;
	

}

#header ul#menu_niveau_trois li{
	margin-top: 26px;
	float: left;
	color: #c6c6c6;
	font-size: 17px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;	
}


/*
#header ul#menu_niveau_trois li a{
	
	color: #c6c6c6;
	font-size: 17px;
	font-weight: bold;
}
*/
/* Header Image page d'accueil */
#header #page_header #bloc_header_accueil {
	margin-top: 22px;
	width: 990px;
	height: 164px;	
	background: url('/image/interface/header_page_accueil.jpg');
	
}



/* logo */

#logo{
	margin-top: 22px;
	margin-left: 30px;
	margin-bottom: 7px;
	height: 57px;
	width: 541px;
}

/*-----------------*/
/*  MENU NIVEAU 1  */
/*-----------------*/

ul#menu_niveau_un{
	display: block;
	margin-left: 10px;
}

ul#menu_niveau_un li{
	float:left;
	height:86px;
	position: relative;
	white-space:nowrap;
	margin-right: 8px;
}


ul#menu_niveau_un li a{
	display:block;
	font-weight:normal;
	height: 78px;
	text-align:center;
	white-space:nowrap;
	width: 132px;
}

ul#menu_niveau_un li a.rollover{
	position: relative;
	display: block;
}

ul#menu_niveau_un li a img.survol{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

ul#menu_niveau_un li a:hover, ul#menu_niveau_un li a.hover, ul#menu_niveau_un li a.selectionne{
	
	
}

/* Sous-menu niveau 1 */
ul#menu_niveau_un li ul.sous_menu{
	display:none;
	height:auto;
	left: 0;
	position:absolute;
	top:87px;
	width: 240px;
}

ul#menu_niveau_un li ul.sous_menu li{
	float:none;
	height:auto;
	width:240px;
	border: none;
	position: relative;
	
}




ul#menu_niveau_un li ul.sous_menu li a{
	background:url('/image/interface/fond_sous_menu-trans.png');
	color:white;
	display:block;
	font-weight:bold;
	height:auto;
	padding:5px 5px 8px 25px;
	text-align: left;
	text-transform:none;
	width:210px;
	font-size: 11px;
	cursor: pointer;

}


ul#menu_niveau_un li ul.sous_menu li a:hover{
	color: black;
}

ul#menu_niveau_un li ul.sous_menu li ul.sous_menu{
	position: absolute;
	top: 0px;
	left: 241px;
	margin-bottom: 2px;
}

ul#menu_niveau_un li ul.sous_menu li ul.sous_menu li{
	margin-top: 0px;
	margin-bottom: 2px;
}

ul#menu_niveau_un li ul.sous_menu li.menu_niveau_1_etage_2_fin{
	background :url('/image/interface/sous_menu_niveau_1_etage_2_fin-trans.png') no-repeat top;
	height: 6px;
	width: 240px;
	line-height: 6px;
	margin: 0px;	
	padding: 0px;
}


#header #page_header_interieur #file_ariane {
	height: 18px;
	width: 959px;
	padding-top: 8px;
	padding-left: 31px;
	clear: both;	
}

#header #page_header_interieur #file_ariane, #header #page_header_interieur #file_ariane a {
	font-size: 11px;
	color: black;
	text-transform: uppercase;	
}

#header #page_header_interieur #file_ariane span a{
	font-size: 11px;
	color: #29aeb1;

}

/*---------*/
/*  CORPS  */
/*---------*/
#corps{	
	
	
}

#corps #page_corps{	
	margin: 0 auto;
	width: 990px;
	display: block;
}


/***********************/
/* Page d'accueil */
/***********************/

#corps #page_corps #bloc_entreprise{
	float: left;
	width: 271px;
	height: 440px; 
}

#corps #page_corps #bloc_entreprise #bloc_titre_entreprise{	
	padding-top: 10px;
	background-color: #108184;
	color: white;
	font-size: 16px;
	text-align: center;
	width: 271px;
	height: 62px;
	text-transform: uppercase;
	line-height: 18px;
}

#corps #page_corps #bloc_entreprise #bloc_titre_entreprise:first-letter{	
	font-weight: bold;
	font-size: 17px;	
}


#corps #page_corps #bloc_entreprise #bloc_contenu_entreprise{	
	background: url('/image/interface/fond_entreprise_contenu.jpg') repeat-x;
	color: white;
	width: 241px;
	height: 358px;
	font-size: 11px;
	padding-top: 10px;
	text-align: justify;
	padding-left: 16px;
	padding-right: 14px;
	line-height: 13px;	
}

#corps #page_corps #bloc_animation_flash{	
	width: 719px;
	height: 158px;
	/*background: url('/image/interface/animation_flash.jpg');*/
	float: right;
}

#corps #page_corps #bloc_editeur_accueil{	
	width: 719px;
	height: 219px;
	float: right; 
}



#corps #page_corps #bloc_reflexe_prevention {
	float: right;
	height: 83px;
	width: 89px;
	background: url('/image/interface/reflexe_prevention.jpg'); 
}

#corps #page_corps #bloc_rose_1 {
	width: 201px;
	height: 20px;
	background-color: #c44891;
	float: left;
}

#corps #page_corps #bloc_rose_2{
	width: 700px;
	height: 20px;
	background-color: #ad0266;
	float: left;
	
}

#corps #page_corps #bloc_rose_2_interieur{
	width: 789px;
	height: 20px;
	background-color: #ad0266;
	float: left;
}

#corps #page_corps #bloc_rose_2 p, #corps #page_corps #bloc_rose_2_interieur p{
	margin-top: 3px;
	margin-left: 124px;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
}


#corps #page_corps #bloc_rose_2 p:first-letter, #corps #page_corps #bloc_rose_2_interieur p:first-letter{
	font-weight: bold;
}



/*---------------------*/
/*  ACTUALITE ACCUEIL  */
/*---------------------*/

#corps #page_corps #bloc_news {
	height: 52px;
	width: 108px;
	background-color: #8a4c77;
	/*color: #d7d7d7;*/
	color: white;
	font-size: 30px;
	font-weight: normal;
	float:left;
	padding-top: 11px;
	padding-left: 8px;		
}

#corps #page_corps #bloc_news:first-letter{
	font-size: 35px;
	font-weight: bold;		
}

#corps #page_corps .bloc_actu_accueil {
	float: left;
	font-size: 35px;
	font-weight: bold;
	height: 63px;
	width: 257px;
	background: url("/image/interface/fond_actu_accueil.jpg"); 		
}

#corps #page_corps .bloc_actu_accueil a.img{
	float: left;
	margin-bottom: 30px;
	margin-right: 10px;
}

#corps #page_corps .bloc_actu_accueil a.titre{
	color: white;
	font-size: 12px;
	font-weight: bold;
	
}

#corps #page_corps .bloc_actu_accueil p {
	color: white;
	font-size: 11px;
	font-weight: normal;
	padding-top: 8px; 
	line-height: 14px;
	padding-right: 10px;
	padding-left: 10px;
}
/*--------------------------*/
/*  CONTENU LIBRE INTERIEUR */
/*--------------------------*/
#corps #page_corps #bloc_editeur_interieur{
	width: 990px;
	padding: 0px;
	margin: 0px;
}

#corps #page_corps #bloc_editeur_interieur #content{
	color: black;
	padding: 0px;
	margin: 0px;
	width: 990px;
	font-size: 11px;
}

#corps #page_corps #bloc_editeur_interieur #content ul li{
	list-style-type: disc;
	margin-left: 30px;
}

#corps #page_corps #bloc_editeur_interieur #content ul li.puce_violet,
#corps #page_corps #bloc_editeur_interieur #content ul li.puce_bleu_clair,
#corps #page_corps #bloc_editeur_interieur #content ul li.puce_vert {
	margin-left: 15px;
}

#corps #page_corps #bloc_editeur_interieur #content, 
#corps #page_corps #bloc_editeur_interieur #content *{
	line-height: 120%;
}

#corps #page_corps #bloc_editeur_interieur #content{
	line-height: 120%;
}


#corps #page_corps #bloc_editeur_interieur #content p{
	line-height: 120%;
}

#corps #page_corps #bloc_editeur_interieur #content td{
	line-height: 82%;
}

#corps #page_corps #bloc_editeur_interieur #content .vide {
	padding:0;
	margin: 0;
	line-height: 76%;
}



#corps #page_corps #bloc_editeur_interieur #content td img{
	line-height: 0%;
}

/*-----------------*/
/*  MENU NIVEAU 2  */
/*-----------------*/
ul#menu_niveau_deux{
	position :absolute;
	top: -43px;
	right: 0px;
	height: 23px;
	

}

ul#menu_niveau_deux li {
	margin-right: 10px;	
}

ul#menu_niveau_deux li a{
	margin-right: 0px;
	background: url('/image/interface/fond_menu_2-trans.png') no-repeat;
}


ul#menu_niveau_deux li, ul#menu_niveau_deux li a{
	padding: 0px;
	float: left;
	color: white;
	font-size: 12px;
	width: 144px;
	height: 19px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
}


ul#menu_niveau_deux li a:first-letter{
	font-weight: bold;
	font-size: 13px;
}

ul#menu_niveau_deux li a:hover{
	color: black; 
}






/*--------------*/
/*  NEWSLETTER  */
/*--------------*/

#corps #page_corps #bloc_actu_accueil {
	float: right;
	width: 240px;
	margin-top: 20px;
	*margin-top: 10px;
	margin-bottom: 70px;
	border: 1px solid #838283;   
}

#corps #page_corps #bloc_actu_accueil form{
	margin-top: 8px;
	display: block;	
}


#corps #page_corps #bloc_actu_accueil form p.form{
	margin-left: 15px;
	margin-top: 2px;
	padding: 0px;
	height: 24px;
}

#corps #page_corps #bloc_actu_accueil form p.form label{
	float: left;
	width: 60px;
}

#corps #page_corps #bloc_actu_accueil form p.form #nom,
#corps #page_corps #bloc_actu_accueil form p.form #prenom,
#corps #page_corps #bloc_actu_accueil form p.form #email {
	width: 150px;	
}



#corps #page_corps #bloc_actu_accueil form #bt_valid_newsletter {
	width: 80px;
	height: 24px;
	float: right;
	margin-right: 10px;
	padding-bottom: 5px;
	margin-top: 0px; 
	text-align: center;
	margin-bottom: 5px;	
}

#corps #page_corps #bloc_actu_accueil form #message_validation{
	background-color: white;
	opacity: 0;
	filter : alpha(opacity=0);
	display: block;
	height: 5px;
	text-align: center;
}

/*--------------*/
/*  FORMULAIRE  */
/*--------------*/
#corps #page_corps #formulaire_ocea{
	margin-bottom: 30px;	
}

#corps #page_corps #formulaire_ocea p#entete-formulaire{
	width: 655px;
	margin: 10px auto;	
}
#corps #page_corps #formulaire_ocea .ui-state-error{
	text-align: left;
	margin: 5px 0;
	padding: 3px;
}
#corps #page_corps #formulaire_ocea form{
	width: 655px;
	margin: 10px auto;
	padding-bottom: 10px;
	padding-left: 18px;
	padding-right: 18px;
}
#corps #page_corps #formulaire_ocea form td{
	padding: 5px 0;
}
#corps #page_corps #formulaire_ocea form .label{
	width: 150px;
	vertical-align: top;
}
#corps #page_corps #formulaire_ocea form .champ{
	width: 400px;
	vertical-align: top;
}
#corps #page_corps  #formulaire_ocea form .ui-datepicker-trigger{
	vertical-align: -3px;
}
#corps #page_corps  #formulaire_ocea form #bt_valid_formulaire{
	background-color: black;
	border: 1px solid #838283;
	color: white;
	font-weight: bold;
	padding: 4px;
	cursor: pointer;
	color: #838283;
	background-color: #eeeeee;
}
#corps #page_corps #formulaire_ocea form #bt_valid_formulaire:hover{
	color: black;
}

/* Captcha */
#corps #page_corps #formulaire_ocea form #bloc_captcha{
	width: 180px;
}
#corps #page_corps #formulaire_ocea form #input_captcha{
	text-align: center;
	font-weight: bold;
}


/*-------------*/
/*  ACTUALITE  */
/*-------------*/
#corps #page_corps .bloc_actualite{
	border-bottom: none;
	border-top: 1px solid #8e0761;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	padding-left: 18px;
	padding-right: 18px;
	margin-bottom: 40px;
}



#corps #page_corps .bloc_actualite h3{
	font-weight: bold;
	color: #1e4f62;	
	padding-bottom: 7px;
}
#corps #page_corps .bloc_actualite a.bouton{
	margin-top: 10px;
	color: #009FA5;
	font-weight: bold;
}

#corps #page_corps .bloc_actualite a.bouton:hover{
	color: black;
}

#corps #page_corps .bloc_actualite img {
	margin-right: 20px;
}


/* Une actualité */

#corps #page_corps #bloc_editeur_interieur #content .une_actualite{
	herit;
	padding-top: 10px;
	padding-bottom: 30px;
	width: 740px;
	float: left;
}

#corps #page_corps #bloc_editeur_interieur #content .une_actualite p{
	line-height: 130%; 
	
	
}

#corps #page_corps #bloc_editeur_interieur #content .une_actualite img{
	margin-left: 16px;
	margin-right: 18px;
	margin-top: 16px;
}

#corps #page_corps #bloc_editeur_interieur #content .une_actualite a.lien_fichier{
	margin-left: 15px;
	margin-right: 18px;
	margin-top: 5px;
	float: right;
	font-size: 11px;
	color: black;
}

#corps #page_corps #bloc_editeur_interieur #content .une_actualite div.center a.savoir_plus:hover{
	color: black;
}

#corps #page_corps #bloc_editeur_interieur #content .une_actualite div.center a.savoir_plus{
	color: #009FA5;
	font-weight: bold;
}




/*----------*/
/*  FOOTER  */
/*----------*/
#footer{
	
	height: 55px;
}

#footer #page_footer{
	height: 55px;
	margin: 0 auto;
	width: 990px;
	position: relative;
	background:url('/image/interface/fond_footer.jpg') repeat-x;
}

#footer #page_footer a.pub{
	margin-right: 3px;
	margin-left: 10px;
	margin-top: 2px;
}

/* copyright capocea */
#footer  #copyright{
	color: black;
	float: right;
	font-size: 10px;
	clear: both;
	margin-top: 5px;
	display: inline;
	color: black;
	width: 300px:
}

#logo_quintesis {
	margin-top: 5px;
	float: right;
	margin-right: 8px;
	display: inline;	
}