/*
##################################################
faire gaffe aussi au CSS
tu ecrit line_height a la place de line-height
et y a des codes hexadecimal à 7 caracteres au lieu de 6

ex:
#FFFFFFF => #FFFFFF
##################################################
*/



body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	background-position:top center;
	background-repeat:repeat-y;
	background-image:url(../../maj/phototheque/photos/charte/Fondlaporte.jpg);

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

p {
margin-top:5px;
padding-top:5px;
margin-bottom:5px;
padding-bottom:5px;
}

img{
border:0px;
}

form {
display:inline;
}


#overDiv {
position:absolute;
visibility:hidden;
z-index:1000;
}

/* CONSTRUCTION CHARTE */
#centrer{
width:875px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}

#haut_vide{
width:875px;
height:20px;
background-color:#FFFFFF;
float:left;
}


#zone_haut{
width:875px;
height:130px;
float:left;
background-color:#FFFFFF;
}

#zone_hautv2{
width:875px;
height:155px;
float:left;
background-color:#FFFFFF;
}

#zone_logo_fr{
width:301px;
height:130px;
float:left;
cursor:pointer;
background:url('../../maj/phototheque/photos/charte/logo_fr.jpg') no-repeat left top;
}

#zone_logo_en{
width:301px;
height:130px;
float:left;
cursor:pointer;
background:url('../../maj/phototheque/photos/charte/logo_en.jpg') no-repeat left top;
}

#zone_logo_droite{
width:570px;
height:130px;
float:left;
}

#zone_logo_droite_vide{
width:570px;
height:30px;
float:left;
}
#zone_logo_droite_contact{
width:570px;
height:24px;
float:left;
background-color:#D0111D;
}

#zone_slogan {
float:left;
width:440px;
margin-top:5px;
}

#zone_site_droite_drapeau{
width:130px;
height:24px;
float:left;
text-align:right;
}

.titre_noir_contact{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
font-weight:bold;
}
#zone_logo_droite_contact_vide{
width:570px;
height:6px;
line-height:6px;
float:left;
background-color:#FFFFFF;
}

#zone_logo_droite_langue_recherche{
width:574px;
height:60px;
float:left;
}

#zone_logo_droite_langue_recherchev2{
width:574px;
height:120px;
float:left;
}

#zone_bandeau_photo{
width:574px;
height:90px;
float:left;
/*background-color:#CCCCCC;*/

}


#zone_logo1{
width:287px;
height:60px;
float:left;
background:url('../../maj/phototheque/photos/charte/logo1.jpg') no-repeat left top;
}

#zone_logo_droite1{
width:287px;
height:60px;
float:left;
}

#zone_langue{
width:287px;
height:27px;
float:left;
background-color:#141215;
}

.titre_blanc_langue{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}

#zone_langue_vide{
width:287px;
height:6px;
float:left;
background-color:#FFFFFF;
}

#zone_recherche{
width:287px;
height:30px;
float:left;
background-color:#D0111D;
}

.titre_blanc_recherche{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}



#anim_deco{
width:600px;
height:166px;
float:left;
margin-left:40px;
}

#zone_ariane {
float:left;
background:#777777;
width:865px;
height:25px;
line-height:25px;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
}

	#zone_ariane a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
	
	#zone_ariane a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#D8001B;
	text-decoration:none;
	font-weight:bold;
	}

#zone_contenu{
width:875px;
float:left;
background-color:#FFFFFF;
}
	
	#zone_menu_haut {
	width:855px;
	height:28px;
	background:#000000;
	position:absolute;
	z-index:100;
	margin-left:0px;
	margin-top:0px;
	padding-left:20px;
	}
	
	#zone_menu_haut1 {
	width:875px;
	height:28px;
	float:left;
	background:#000000;
	}
		
		#zone_menu_haut ul {
		margin:0px;
		padding:0px;
		}
		
		
		#zone_menu_haut ul li {
		position:relative;
		list-style:none;
		}
		
		#zone_menu_haut ul.niveau1 {
		background:#000000;
		}
		
		#zone_menu_haut ul.niveau2 {
		position:absolute;
		top:24px;
		left:0px;
		display:none;
		background:#000000;
		z-index:100;
		}
		
		#zone_menu_haut ul.niveau3 {
		position:absolute;
		top:0px;
		left:210px;
		display:none;
		background:#000000;
		z-index:100;
		}
		
		#zone_menu_haut ul.niveau4 {
		position:absolute;
		top:0px;
		left:220px;
		display:none;
		background:#000000;
		z-index:100;
		}
		
		#zone_menu_haut ul.niveau5 {
		position:absolute;
		top:0px;
		left:220px;
		display:none;
		background:#000000;
		z-index:100;
		}
		
		#zone_menu_haut ul.niveau1 li.menu {
		height:20px;
		float:left;
		border-top:4px solid #000000;
		border-bottom:4px solid #000000;
		margin:0px;
		padding:0px;
		display:block;
		padding-left:14px;
		padding-right:14px;
		}
		
		#zone_menu_haut ul.niveau1 li.menu:hover {
		height:20px;
		float:left;
		border-top:4px solid #000000;
		border-bottom:4px solid #D8001A;
		margin:0px;
		padding:0px;
		display:block;
		padding-left:14px;
		padding-right:14px;
		}
		
		#zone_menu_haut ul.niveau2 li.niveau2 {
		width:220px;
		margin:0px;
		padding:0px;
		display:block;
		padding-left:5px;
		padding-right:5px;
		height:24px;
		}
		
		#zone_menu_haut ul.niveau2 li.pointille {
		color:#FFFFFF;
		height:12px;
		line-height:12px;
		}
		
		#zone_menu_haut ul.niveau3 li.niveau3 {
		width:220px;
		margin:0px;
		padding:0px;
		display:block;
		padding-left:5px;
		padding-right:5px;
		height:24px;
		}
		
		#zone_menu_haut ul.niveau4 li.niveau4 {
		width:220px;
		margin:0px;
		padding:0px;
		display:block;
		padding-left:5px;
		padding-right:5px;
		height:24px;
		}
		
		#zone_menu_haut ul.niveau5 li.niveau5 {
		width:220px;
		margin:0px;
		padding:0px;
		display:block;
		padding-left:5px;
		padding-right:5px;
		height:24px;
		}
		
		#zone_menu_haut ul.niveau1 li.sous_menu:hover ul.niveau2, 
		#zone_menu_haut ul.niveau2 li.sous_menu:hover ul.niveau3,
		#zone_menu_haut ul.niveau3 li.sous_menu:hover ul.niveau4,
		#zone_menu_haut ul.niveau4 li.sous_menu:hover ul.niveau5 {display:block;}
		
		td.menu_haut1 {
			border-bottom:4px solid #000000;
		}
		
		td.menu_haut {
			border-bottom:4px solid #000000;
		}
		
		td.menu_haut:hover {
			border-bottom:4px solid #D8001A;
		}
		
		td.menu_haut_actif {
			border-bottom:4px solid #D8001A;
		}
		
		td.menu_haut_actif:hover {
			border-bottom:4px solid #D8001A;
		}
		
		div.menu_deplie {
		width:875px;
		height:200px;
		display:none;
		background-color:#000000;
		position:absolute;
		z-index:100;
		margin-left:-20px;
		margin-top:30px;
		}
		
		a.menu_haut {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
		}
		a.menu_haut:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
		}
		a.menu_haut_actif {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
		}
		a.menu_haut_actif:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
		}
		
		.ssmenu_haut {
			background-color:#000000;
		}
		
		
		a.ssmenu_haut {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		a.ssmenu_haut:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		a.ssmenu_haut_actif {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		a.ssmenu_haut_actif:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;	
			padding-left:5px;
			padding-right:5px;					
		}
		
		td.sssmenu_haut {
			background-color:#000000;
		}
		
		a.sssmenu_haut {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			background-color:#000000;
			font-weight:bold;
			padding-left:5px;
			padding-right:5px;			
		}
		
		a.sssmenu_haut:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		
		a.sssmenu_haut_actif {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		
		a.sssmenu_haut_actif:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;
		}
		
		/* MENU PRODUIT */
		#zone_menu_haut ul.niveau2_new li.niveau2_new {
		margin:0px;
		padding:0px;
		}
		
		#zone_menu_haut ul.niveau2_new li.pointille_new {
		color:#FFFFFF;
		height:12px;
		line-height:12px;
		}
		
		#zone_menu_haut ul.niveau3_new li.niveau3_new {
		margin:0px;
		padding:0px;
		margin-left:10px;
		}
		
		#zone_menu_haut ul.niveau4_new li.niveau4_new {
		margin:0px;
		padding:0px;
		margin-left:20px;
		}
		
		#zone_menu_haut ul.niveau5_new li.niveau5_new {
		margin:0px;
		padding:0px;
		}
		
		div.menu_deplie {
		width:855px;
		min-height:280px;
		display:none;
		background-color:#000000;
		position:absolute;
		z-index:100;
		margin-left:-122px;
		margin-top:4px;
		padding-left:20px;
		}
		
		div.menu_colonne {
		width:210px;
		height:280px;
		float:left;
		}
		
		div.border-colonne {
		border-right:1px solid #FFFFFF;
		min-height:50px;
		}
		
		a.ssmenu_haut_new {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		a.ssmenu_haut_new:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		a.ssmenu_haut_new_actif {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		a.ssmenu_haut_new_actif:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;	
			padding-left:5px;
			padding-right:5px;					
		}
		
		a.sssmenu_haut_new {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#FFFFFF;
			text-decoration:none;
			height:20px;
			line-height:20px;
			background-color:#000000;
			font-weight:bold;
			padding-left:5px;
			padding-right:5px;			
		}
		
		a.sssmenu_haut_new:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		
		a.sssmenu_haut_new_actif {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;			
		}
		
		a.sssmenu_haut_new_actif:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#D8001A;
			text-decoration:none;
			height:20px;
			line-height:20px;
			font-weight:bold;
			background-color:#000000;
			padding-left:5px;
			padding-right:5px;
		}
		
		
		
		
	

	
		
	

	#contenu{
	width:875px;
	float:left;
	margin-top:28px;
	}
	
	#contenu_site{
	width:871px;
	float:left;
	border:2px solid #000000;
	}
	
		.zone_texte {
		padding-left:15px;
		padding-right:15px;
		padding-bottom:15px;
		}
	
	#footer {
	width:875px;
	height:180px;
	float:left;
	text-align:center;
	background-color:#FFFFFF;
	}
	
#zone_pub {
width:500px;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-300px;
position:absolute;
z-index:100;
display:none;
}

#alert_ie6 {
width:450px;
height:200px;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-100px;
position:absolute;
z-index:2;
background-color:#FFFFFF;
display:none;
border:1px solid #000000;
padding:25px;
font-size:14px;
cursor:pointer;
}
	





/* */

#texte_news{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.actu_defil{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

.actu_defil:hover{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
}

/*-- --*/


.lien_retour_gamme{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.lien_retour_gamme:hover{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

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

.contact:hover{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

.titre_12_vert{
color:#007820;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.titre_12_rouge{
color:#CF1219;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.titre_12_bleu{
color:#333399;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.titre_12_orange{
color:#FF7700;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


.liens_support{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

.liens_support:hover{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}

.lanceur3{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

.lanceur3:hover{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}




/* --- PAGE MANUEL --- */

.titre_manuel_famille{
color:#D0111D;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
font-style:italic;
}


.lien_manuel{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
font-weight:bold;
font-style:italic;
}

.lien_manuel:hover{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:underline;
font-weight:bold;
font-style:italic;
}

/* --- --- */


/* ---- PAGE CIBLE ---- */
.lien_cible{
color:#FF7700;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

.lien_cible:hover{
color:#FF7700;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
font-style:italic;
font-weight:bold;
}
/* --- ---- */



/* lien defaut */

a{
color :#D0111D;
text-decoration:none;
}

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



/* FORMULAIRE */
.boutton {
font-family:Arial, Helvetica, sans-serif;
background-color:#D0111D;
color:#FFFFFF;
border:1px solid #000000;
font-size:12px;
}

.input {
font-family:Arial, Helvetica, sans-serif;
width:170px;
font-size:12px;
border:1px solid #526A16;
}

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