﻿body {
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size:12px;
	background-color: #282626
}

#conteneur{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-right: 0px;
	padding-left: 0px;
		}

/*///////////////////////////////////////header///////////////////////////////////////*/
#header {
	width: 980px;
	margin: 0px;
	padding: 0px;
}

 
/*///////////////////////////////////////menu navigation haut///////////////////////////////////////*/

#navigation
		{
	font-size: 18px;
	height: 44px;
	background-color: #333333;
	display: block;
	width: 980px;
	padding: 0px;
	color: #FFF;
		}
		
#navigation table {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 30px;
}

#navigation table tr td {
	margin: 0px;
	padding: 0px;
}

#navigation table tr td.menutop_on {
	font-family: Arial;
	line-height: 27px;
	color: #FFF;
	font-weight: normal;
	font-size: 14px;
	padding-right: 28px;
	padding-left: 27px;
	vertical-align:top;
	cursor:pointer;
	background-color: #000;
	background-image: url(/images/puce_menu.gif);
	background-repeat: no-repeat;
}

#navigation table tr td.menutop_on a {
	color: #FFF;
	text-decoration: none;
}
#navigation table tr td.menutop_off a {
	color: #FFF;
	text-decoration: none;
}

		
#navigation table tr td.menutop_off {
	font-family: Arial;
	line-height: 27px;
	color: #FFF;
	font-weight: normal;
	font-size: 14px;
	padding-right: 28px;
	padding-left: 27px;
	vertical-align:top;
	background-color: #333333;
}

/*///////////////////////////////////////menu_gauche & corps///////////////////////////////////////*/
#pageCorps {
	font-family:Arial;
	font-size:12px;
	color: #000;
	margin:auto;
	width: 980px;
	padding: 0px;
	background-color: #000;
	background-image: url(/images/iso.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}



#pageCorps ul,ol {
	list-style:none;
	font-size:11px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
	
	
#pageCorps li {
	line-height:14px;
	text-align:left;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style:none;
	line-height:18px;
}

#pageCorps ul li.liste { list-style-type:disc; color:#000; margin:0px; margin-left:10px; font-size:12px; }


.sousmenu { list-style:none; font-size:10px; margin:0px; font-weight:bold; margin-left:35px; font-family: Arial; color:#fff; }


#pageCorps a, #pageCorps a:link, #pageCorps a:active, #pageCorps a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color:#a2a4a4;
	text-decoration: none;
	
}

#pageCorps a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#a2a4a4;
	font-size: 11px;
	text-decoration: underline;
}



/*// menu Gauche: déclinaison des couleurs ///////////////////////////////////////*/
/* 1=bleu, 2=gris, 3=rouge, 4=jaune, 5=vert */

/* Background des images des familles de niveau 1 */
#pageCorps a.menupage1_off { font-family:Arial; font-size: 10px; font-weight:bold; color:#fff; text-decoration: none; padding: 0px; margin: 0px; }
#pageCorps a.menupage2_off { font-family:Arial; font-size: 10px; font-weight:bold; color:#fff; text-decoration: none; padding: 0px; margin: 0px; }
#pageCorps a.menupage3_off { font-family:Arial; font-size: 10px; font-weight:bold; color:#fff; text-decoration: none; padding: 0px; margin: 0px; }
#pageCorps a.menupage4_off { font-family:Arial; font-size: 10px; font-weight:bold; color:#fff; text-decoration: none; padding: 0px; margin: 0px; }
#pageCorps a.menupage5_off { font-family:Arial; font-size: 10px; font-weight:bold; color:#fff; text-decoration: none; padding: 0px; margin: 0px; }

#pageCorps a.menupage1_off:hover { font-family:Arial; font-size: 10px; font-weight:bold; color:#5c8ff8; text-decoration: none; }
#pageCorps a.menupage2_off:hover { font-family:Arial; font-size: 10px; font-weight:bold; color:#a2a4a4; text-decoration: none; }	
#pageCorps a.menupage3_off:hover { font-family:Arial; font-size: 10px; font-weight:bold; color:#df322e; text-decoration: none; }
#pageCorps a.menupage4_off:hover { font-family:Arial; font-size: 10px; font-weight:bold; color:#e7a71f; text-decoration: none; }
#pageCorps a.menupage5_off:hover { font-family:Arial; font-size: 10px; font-weight:bold; color:#6ba038; text-decoration: none; }

#pageCorps a.menupage1_on { font-family:Arial; font-size: 10px; font-weight:bold; color:#5c8ff8; text-decoration: none; }
#pageCorps a.menupage2_on { font-family:Arial; font-size: 10px; font-weight:bold; color:#a2a4a4; text-decoration: none; }	
#pageCorps a.menupage3_on { font-family:Arial; font-size: 10px; font-weight:bold; color:#df322e; text-decoration: none; }
#pageCorps a.menupage4_on { font-family:Arial; font-size: 10px; font-weight:bold; color:#e7a71f; text-decoration: none; }
#pageCorps a.menupage5_on { font-family:Arial; font-size: 10px; font-weight:bold; color:#6ba038; text-decoration: none; }

/* Puces des familles de niveau 3 en fonction de la famille de niveau 1 */
#pageCorps ul li.li_fam1 { list-style-type:disc; color:#5c8ff8; margin:0px; margin-left:22px; }
#pageCorps ul li.li_fam2 { list-style-type:disc; color:#6e7474; margin:0px; margin-left:22px; line-height:13px; }
#pageCorps ul li.li_fam3 { list-style-type:disc; color:#df322e; margin:0px; margin-left:22px; }
#pageCorps ul li.li_fam4 { list-style-type:disc; color:#e7a71f; margin:0px; margin-left:22px; }
#pageCorps ul li.li_fam5 { list-style-type:disc; color:#6ba038; margin:0px; margin-left:22px; }


#pageCorps a.menupage_on {
	font-family:Arial;
	font-size: 10px;
	font-weight:bold;
	color:#a2a4a4;
	text-decoration: none;
}	


#pageCorps h1.sstitre {
	font-family:verdana;
	font-weight:bold;
	color:#282828;
	font-size: 14px;
	}

#pageCorps h1 {
	font-family:verdana;
	font-weight:normal;
	color:#282828;
	font-size: 16px;
	}

#pageCorps h2 {
	font-family:Verdana;
	font-weight:normal;
	color:#FFF;
	font-size: 11px;
	}
 
#pageCorps h2.actu {
	font-family:Verdana;
	font-weight:bold;
	color:#FFF;
	font-size: 12px;}

#pageCorps span.actu {
	font-family:Verdana;
	color:#ffffff;
	font-size: 11px;
	display: block;
	padding-top: 8px;
}

	
#pageCorps h2.produit {
	font-family:Verdana;
	font-weight:bold;
	color:#FFF;
	font-size: 14px;
	display: inline;
}

#pageCorps h2.video {
	font-family:Verdana;
	font-weight:normal;
	color:#333333;
	font-size: 14px;
	display: inline;
}

#pageCorps h3 {
	font-family:Verdana;
	font-weight:normal;
	color:#333333;
	font-size: 16px;
	
}


#pageCorps a.secteur_off {
	font-family:Arial;
	font-weight: normal;
	font-size: 12px;
	color:#333333;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
}
	
#pageCorps a.secteur_off:hover {
	font-family:Arial;
	font-size: 12px;
	font-weight:normal;
	color:#333333;
	text-decoration: none;
}

#pageCorps a.secteur_on {
	font-family:Arial;
	font-size: 12px;
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}

#pageCorps a.liencorps {
color:#000000;
font-size:12px;
text-decoration: underline;
font-weight:normal;
}

#pageCorps a.liencorps:hover {
color:#000000;
font-size:12px;
text-decoration: none;
font-weight:normal;
}

.img {
	border: 1px solid #FFF;
	margin-top: 15px;
	padding-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

.img2 {
	border: 1px solid #FFF;
	margin-top: 5px;
	padding-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

.noir {
		color:#000000
}

.legende {
		color:#000000;
		font-size: 10px;
}

.date {
		color:#000000;
		font-size: 11px;
		font-weight:bold;
}

.reponse {
	vertical-align:top;
	padding:10px;
	background-color: #E4E4E4;
	border: thin solid #FFF;
}

.tableau {
	padding:0px;
	border: thin solid #FFF;
}
 /*///////////////////////////////////////formulaire corps///////////////////////////////////////*/

#pageCorps input.radio {
height: 14px;
width: 14px;
margin: 0px;
background-color: #CCC;
border: 0px;
}


#pageCorps textarea {
	font-family: Arial, Helvetica, sans-serif;
	width:290px;
	border: 1px solid #7d7e7e;
	margin: 0px;
	padding: 0px 4px 0px 4px;
	font-size: 12px;
	background-color: #fff;
 }

 
 #pageCorps input {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	width:300px;
	height:20px;
	border:none;
	font-size: 12px;
	border: 1px solid #7d7e7e;
}

#pageCorps select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #7d7e7e;
	width:300px;
	font-size: 12px;
	background-color: #fff;
 }
 

form {margin:0;}



/*///////////////////////////////////////footer///////////////////////////////////////*/
	
#footer {
	width: 980px;
	height:32px;
	font-family:Verdana;
	margin-right: auto;
	font-size: 11px;
	color:#424242;
	margin-bottom: auto;
	margin-left: auto;
	font-weight:normal;
}


#footer a, #footer a:link, #footer a:active, #footer a:visited {
	font-size: 11px;
	color:#424242;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color:#424242;
	text-decoration: underline;
	}
	
	
/*///////////////////////////////////////bandeau cwb///////////////////////////////////////*/

#cwbdiv{
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	margin: auto;
	padding-left: 680px;
	}

#linkcwb2 {
	margin: auto;
	background-image: url(/images/footer_reflet_41.jpg);
	background-repeat: no-repeat;
}

a.cweb:link {
	font-family: Arial;
	color: #FFF;
	font-size:9px;
	text-decoration: none
}

a.cweb:visited {
	font-family: Arial;
	color: #CCC;
	font-size:9px;
	text-decoration: none
}

a.cweb:hover {
	font-family: Arial;
	color: #FFF;
	font-size:9px;
	text-decoration: underline
}

/*///////////////////////////////////////corps///////////////////////////////////////*/

#pageCorps a.categorie, #pageCorps a.categorie:link, #pageCorps a.categorie:active, #pageCorps a.categorie:visited {
	color: #333;
	font-family:Verdana;
	font-size: 16px;
	font-weight:normal;
	text-decoration: none;
	}

#pageCorps a.categorie:hover {
	color: #62718f;
	font-family:Verdana;
	font-size: 16px;
	font-weight:normal;
	text-decoration: underline;
	}
	
#pageCorps a.fiche, #pageCorps a.fiche:link, #pageCorps a.fiche:active, #pageCorps a.fiche:visited {
	color: #333;
	font-family:Verdana;
	font-size: 12px;
	font-weight:normal;
	text-decoration: underline;
	}

#pageCorps a.fiche:hover {
	color: #62718f;
	font-family:Verdana;
	font-size: 12px;
	font-weight:normal;
	text-decoration: underline;
	}

#image {
	height: auto;
	width: auto;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	float: left;
	
}


#image2 {
	height: auto;
	width: auto;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	float: right;
	clear: none;
	
}

#texte {
	float: left;
	padding-left: 15px;
	padding-top: 15px;
}




#aspnetForm #conteneur #pageCorps table tr td table tr td table tr td table tr td .lien_realisation {
	color:#F00;
	text-decoration:underline;
}
#aspnetForm #conteneur #pageCorps table tr td table tr td table tr td table tr td .lien_realisation:hover {
	text-decoration:none;
	color:#000;
}
