/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(gifs/fond.jpg);
	background-repeat:repeat-x;
	background-position:center;
	background-position:top;
	background-color:#FFFFFF;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#2f598b 1px solid;
	border-top:#2f598b 1px solid;
	border-left:#2f598b 1px solid;
	border-right:#2f598b 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color: #FF6600;
	border-bottom:#FF6600 1px solid;
	border-top:#FF6600 1px solid;
	border-left:#FF6600 1px solid;
	border-right:#FF6600 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(file:///S|/_Region 62/620231 - www.assurances-bochu.com/www/gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(file:///S|/_Region 62/620231 - www.assurances-bochu.com/www/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

#contenaire{
width:930px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
position:relative;
}

#header{
width:930px;
height:383px;
z-index:0;
margin-top:0px;
}

#logo{
width:430px;
height:113px;
background-image:url(gifs/formation,vente,nord.jpg);
}

#diapo{
width:930px;
height:270px;
background-image: url(gifs/diapo.jpg);
background-repeat:no-repeat;
}

#menu{
width:500px;
height:30px;
position:absolute;
z-index:100;
top:79px;
left:480px;
}

#content{
width:930px;
overflow:hidden;
z-index:0;
}

#colone_gauche{
width:230px;
overflow:hidden;
float:left;
display:inline;
}

#encart_contact{
width:230px;
height:206px;
background-image: url(gifs/contact.jpg);
}

#encart_contact h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-variant: small-caps;
	color: #333366;
	margin:0px;
	padding-top:7px;
	padding-bottom:10px;
		padding-left:10px;
}

#encart_contact p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f598b;
	margin:0px;
	padding-top:13px;
	padding-left:10px;
}

#encart_contact a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f598b;
	text-decoration: none;
}

#encart_contact a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f598b;
	text-decoration: underline;
}

.tel{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px !important;
	color:#FF6600 !important;
	font-weight: bold;
}

#bouton_contact{
width:230px;
height:68px;
background-image:url(gifs/contact-bouton.jpg);
}

#bouton_contact p{
text-align:center;
padding-right:10px;
padding-top:3px;
margin:0px;
}

#bouton_contact a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	margin:0px;
	text-decoration: none;
}

#bouton_contact a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	margin:0px;
	text-decoration: underline;
}

#menuv{
width:230px;
margin-bottom:15px;
}

#titremenu{
width:230px;
background-image:url(gifs/titre-competences.jpg);
}

#titremenu h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-variant: small-caps;
	color: #FF6600;
	margin:0px;
	height:30px;
	padding-left:3px;
}

#colone_centre{
width:650px;
margin-left:50px;
overflow:hidden;
float:left;
margin-right:-3px;
}

#colone_centre h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	font-variant: small-caps;
	color: #2f598b;
	margin:0px;
}

#colone_centre h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF6600;
	margin:0px;
}

#colone_centre h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2f598b;
	margin:0px;
	padding-top:15px;
	line-height: 17px;
}

#colone_centre h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	margin:0px;
	font-variant: small-caps;
	padding-left:4px;
	padding-right:4px;
	padding-top:4px;
}

#colone_centre p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0px;
	padding-left:4px;
	padding-right:4px;
	padding-top:7px;
	line-height: 14px;
}

#colone_centre li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin:0px;
	padding-top:3px;
}

#colone_centre a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f598b;
	margin:0px;
	text-decoration: underline;
}

#colone_centre a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2f598b;
	margin:0px;
	text-decoration: underline;
}


#titre{
background-image:url(gifs/titredepage.jpg);
height:44px;
}

#encart_accueil{
	width:647px;
	overflow:hidden;
	margin-top:20px;
}


.encart1{
	width:161px;
	height:185px;
	background-color: #ecf0f4;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #2f598b;
	border-bottom-color: #FF6600;
	float:left;
}

.encart2{
	width:161px;
	height:185px;
	background-color: #ffffff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #2f598b;
	border-bottom-color: #FF6600;
	float:left;
}

.encart3{
	width:161px;
	height:185px;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	float:left;
}

.encart4{
	width:161px;
	height:185px;
	background-color: #ecf0f4;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	float:left;
}
	
#footer{
width:930px;
height:102px;
background-image: url(gifs/footer.jpg);
z-index:0;
clear:both;
margin-top:15px;
}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	color: #2f598b;
	padding-left:250px;
	padding-top:15px;
}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	color: #2f598b;
	text-decoration: none;
}

#footer a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px;
	color: #FF6600;
	text-decoration: underline;
}

.orange{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	color:#FF6600 !important;
	font-weight: bold;		
}	
/*****************************************************navigation horizontal*/
ul.MenuHorizontal { 
   width: 500px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   float: left; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #666666;         /*Ici, changer la couleur de la police*/ 
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/ 
   font-size: 11px;         /*Ici, changer la taille de la police du menu*/ 
   font-weight: bold; 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/ 
   height: 34px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: center; 
   text-decoration: none;
   line-height:20px;
} 

ul.MenuHorizontal li a:hover { 
   display: block; 
   color: #2f598b;        /*Ici, changer la couleur de la police*/ 
   font-family: Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/ 
   font-size: 11px;         /*Ici, changer la taille de la police du menu*/ 
   font-weight: bold; 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/ 
   height: 34px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: center; 
   text-decoration: none; 
   line-height:20px;
} 

li#menu8 { 
   width: 54px; 
} 

li#menu9 { 
   width: 124px; 
} 

li#menu10 { 
   width: 71px; 
} 

li#menu11 { 
   width: 60px; 
} 

li#menu12 { 
   width: 150px; 
} 

li#menu8 a { 
   background-image: url('gifs/menuhover1.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu9 a { 
   background-image: url('gifs/menuhover2.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu10 a { 
   background-image: url('gifs/menuhover3.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu11 a { 
   background-image: url('gifs/menuhover4.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu12 a { 
   background-image: url('gifs/menuhover5.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu8 a:hover, a#selected-over8 { 
   background-image: url('gifs/menuhon1.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color: #2f598b;  } 

li#menu9 a:hover, a#selected-over9 { 
   background-image: url('gifs/menuhon2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color: #2f598b;  } 

li#menu10 a:hover, a#selected-over10 { 
   background-image: url('gifs/menuhon3.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color: #2f598b;  } 

li#menu11 a:hover, a#selected-over11 { 
   background-image: url('gifs/menuhon4.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color: #2f598b;  } 

li#menu12 a:hover, a#selected-over12 { 
   background-image: url('gifs/menuhon5.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   color: #2f598b;  } 

/************************************************navigation verticale*/
ul.MenuVertical { 
   width: 230px; 
   list-style: none; 
   margin: 0; 
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuVertical li { 
   width: 230px;
   float:left;
   clear:left; 
} 

ul.MenuVertical li a { 
   display: block; 
   color: #2f598b;         /*Ici, changer la couleur de la police*/ 
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/ 
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/ 
   font-weight: bold; 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/ 
   height: 26px;         /*Ici, on augmente la hauteur du menu*/   
   text-decoration: none;
   line-height:26px;
   padding-left:3px;
} 

ul.MenuVertical li a:hover { 
   display: block; 
   color: #000000;         /*Ici, changer la couleur de la police*/ 
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/ 
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/ 
   font-weight: bold; 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/ 
   height: 26px;         /*Ici, on augmente la hauteur du menu*/   
   text-decoration: none;
   line-height:26px;
   padding-left:10px;
}

li#menu0 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu1 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu2 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu3 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu4 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu5 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu6 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu7 a { 
   background-image: url('gifs/menuonetover.jpg');         /*Ici l'image de fond de la cellule*/ 
} 

li#menu0 a:hover, a#selected-over0 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu1 a:hover, a#selected-over1 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu2 a:hover, a#selected-over2 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu3 a:hover, a#selected-over3 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu4 a:hover, a#selected-over4 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu5 a:hover, a#selected-over5 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu6 a:hover, a#selected-over6 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 

li#menu7 a:hover, a#selected-over7 { 
   background-image: url('gifs/menuonetover.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
   padding-left:10px;   color: #000000;} 
.hautp{
height:108px;
}
.hauth4{
height:36px;
}