/* CSS Document */

/*******************************CSS PAGE EN GENERAL****************************************************/
#content { font-size:0.75em; line-height:1.5em;}
/*index.html*/
/*caractéristiques du bandeau noir fil d'ariane*/
#page1 #content .row1 {margin:auto; width:100%; font-size:0.91em; line-height:1.41em; color:#c7d7da}
#page1 #content .row1 .indent_main{ padding:20px 0px 20px 0px;}
#page1 #content .row1 .indent1{ margin:0px 20px 0px 20px; }
#page1 #content .row1 .title{ margin:0px 0px 7px 0px;}
#page1 #content .row1 .pic{  margin:0px 0px 7px 0px}
#page1 #content .row1 .pic1{ margin:21px 0px 6px 0px}

#page1 #content .row2 { margin:auto;width:100%;height:100%; background-color:white;}
#page1 #content .row2 .indent_main1{ padding:31px 0px 28px 0px;}
#page1 #content .row2 .pic1{  margin:0px 0px 7px 0px}
#page1 #content .row2 .pic2{  margin:0px 0px 7px 0px}
#page1 #content .row2 .indent{ margin:0px 30px 0px 5px; }
#page1 #content .row2 .indent1{ margin:0px 0px 0px 26px; }
#page1 #content .row2 .title{ margin:0px 0px 19px 0px; display:block}
#page1 #content .row2 .col1 p{ margin:18px 0px 17px 0px; }
#page1 #content .row2 .col2 p{ margin:0px 0px 17px 0px; }
#page1 .mise_forme_gauche{margin-right:10px; margin-left:20px;text-align:justify;}
#page1 .mise_forme_droite table{margin:auto;text-align:justify;}
#page1 .mise_forme_central{width:90%;text-align:justify;}
/*caractéristiques du bandeau noir fil d'ariane*/
#page2 #content .row1 { margin:auto;width:100%; font-size:0.91em; line-height:1.41em; color:#c7d7da}
#page2 #content .row1 .indent_main{ padding:20px 0px 20px 0px;}
#page2 #content .row1 .indent1{ margin:0px 20px 0px 20px; }
#page2 #content .row1 .title{ margin:0px 0px 7px 0px;}
#page2 #content .row1 .pic{  margin:0px 0px 7px 0px}
#page2 #content .row1 .pic1{ margin:21px 0px 6px 0px}
#page2 #content .row2 { margin:auto;width:100%;height:100%; background-color:white;}
#page2 #content .row2 .indent_main1{ padding:31px 0px 28px 0px;}
#page2 #content .row2 .pic1{  margin:0px 0px 7px 0px}
#page2 #content .row2 .pic2{  margin:0px 0px 7px 0px}
#page2 #content .row2 .indent{ margin:0px 30px 0px 5px; }
#page2 #content .row2 .indent1{ margin:0px 0px 0px 26px; }
#page2 #content .row2 .title{ margin:0px 0px 19px 0px; display:block}
#page2 #content .row2 .col1 p{ margin:18px 0px 17px 0px; }
#page2 #content .row2 .col2 p{ margin:0px 0px 17px 0px; }
/*caractéristiques du bandeau noir fil d'ariane*/
#page3 #content .row1 { margin:auto; width:918px; font-size:0.91em; line-height:1.41em; color:#c7d7da}
#page3 #content .row1 .indent_main{ padding:20px 0px 20px 0px;}
#page3 #content .row1 .indent1{ margin:0px 20px 0px 20px;}
#page3 #content .row1 .title{ margin:0px 0px 7px 0px;}
#page3 #content .row1 .pic{  margin:0px 0px 7px 0px}
#page3 #content .row1 .pic1{ margin:21px 0px 6px 0px}
#page3 #content .row2 { margin:auto; width:918px;}
#page3 #content .row2 b{ font-size:1em;}
#page3 #content .row2 .indent_main1{ padding:31px 0px 28px 0px;}
#page3 #content .row2 .pic1{  margin:0px 0px 7px 0px}
#page3 #content .row2 .pic2{  margin:0px 0px 7px 0px}
#page3 #content .row2 .indent{ margin:0px 20px 0px 5px;}
#page3 #content .row2 .indent1{ margin:0px 0px 0px 26px;}
#page3 #content .row2 .indent2{ margin:20px 0px 0px 0px; }
#page3 #content .row2 .title{ margin:0px 0px 23px 0px; display:block}
#page3 #content .row2 .col1 p{ margin:11px 0px 17px 0px; }
#page3 #content .row2 .col2 p{ margin:17px 0px 0px 0px; }
#page3 .mise_forme_gauche{margin-right:10px; margin-left:20px;text-align:justify;}
#page3 .mise_forme_droite table{margin:auto;text-align:justify;}
/*caractéristiques du bandeau noir fil d'ariane*/
#page4 #content .row1 {margin:auto; width:100%; font-size:0.91em; line-height:1.41em; color:#c7d7da}
#page4 #content .row1 .indent_main{ padding:20px 0px 20px 0px;}
#page4 #content .row1 .indent1{ margin:0px 20px 0px 20px; }
#page4 #content .row1 .title{ margin:0px 0px 7px 0px;}
#page4 #content .row1 .pic{  margin:0px 0px 7px 0px}
#page4 #content .row1 .pic1{ margin:21px 0px 6px 0px}
#page4 #content .row2 {margin:auto; width:100%;height:100%; background-color:white;}
#page4 #content .row2 .indent_main1{ padding:31px 0px 28px 0px;}
#page4 #content .row2 .pic1{  margin:0px 0px 7px 0px}
#page4 #content .row2 .pic2{  margin:0px 0px 7px 0px}
#page4 #content .row2 .indent{ margin:0px 30px 0px 5px; }
#page4 #content .row2 .indent1{ margin:0px 0px 0px 26px; }
#page4 #content .row2 .title{ margin:0px 0px 19px 0px; display:block}
#page4 #content .row2 .col1 p{ margin:18px 0px 17px 0px; }
#page4 #content .row2 .col2 p{ margin:2px 0px 17px 0px; }
#page4 .mise_forme_gauche{margin-right:10px; margin-left:10px; text-align:justify;}
#page4 .mise_forme_droite{/*margin-right:80px;*/ text-align:justify;}
/*caractéristiques du bandeau noir fil d'ariane*/
#page5 #content .row1 { margin:auto;width:100%; font-size:0.91em; line-height:1.41em; color:#c7d7da}
#page5 #content .row1 .indent_main{ padding:20px 0px 20px 0px;}
#page5 #content .row1 .indent1{ margin:0px 20px 0px 20px; }
#page5 #content .row1 .title{ margin:0px 0px 7px 0px;}
#page5 #content .row1 .pic{  margin:0px 0px 7px 0px}
#page5 #content .row1 .pic1{ margin:21px 0px 6px 0px}
#page5 #content .row2 {margin:auto; width:100%;height:100%; background-color:white;}
#page5 #content .row2 .indent_main1{ padding:31px 0px 28px 0px;}
#page5 #content .row2 .pic1{  margin:0px 0px 7px 0px}
#page5 #content .row2 .pic2{  margin:0px 0px 7px 0px}
#page5 #content .row2 .indent{ margin:0px 30px 0px 5px; }
#page5 #content .row2 .indent1{ margin:0px 0px 0px 26px; }
#page5 #content .row2 .title{ margin:0px 0px 19px 0px; display:block}
#page5 #content .row2 .col1 p{ margin:20px 0px 17px 0px; }
#page5 #content .row2 .col2 p{ margin:2px 0px 17px 0px; }
#page5 .mise_forme_gauche{margin-right:10px; margin-left:10px; text-align:justify;}
#page5 .mise_forme_droite{margin-left:10px;text-align:justify;}
#page5 .tableau_droite li{text-align:left;}
/*caractéristiques du bandeau noir fil d'ariane*/
#page6 #content .row1 { margin:auto;width:100%; font-size:0.91em; line-height:1.41em; color:#c7d7da}
#page6 #content .row1 .indent_main{ padding:20px 0px 20px 0px;}
#page6 #content .row1 .indent1{ margin:0px 20px 0px 20px; }
#page6 #content .row1 .title{ margin:0px 0px 7px 0px;}
#page6 #content .row1 .pic{  margin:0px 0px 7px 0px}
#page6 #content .row1 .pic1{ margin:21px 0px 6px 0px}
#page6 #content .row2 { margin:auto; width:100%;height:100%; background-color:white;}
#page6 #content .row2 .indent_main1{ padding:31px 0px 28px 0px;}
#page6 #content .row2 .pic1{  margin:0px 0px 7px 0px}
#page6 #content .row2 .pic2{  margin:0px 0px 7px 0px}
#page6 #content .row2 .indent{ margin:0px 30px 0px 5px; }
#page6 #content .row2 .indent1{ margin:0px 0px 0px 26px; }
#page6 #content .row2 .title{ margin:0px 0px 19px 0px; display:block}
#page6 #content .row2 .col1 p{ margin:18px 0px 17px 0px; }
#page6 #content .row2 .col2 p{ margin:2px 0px 17px 0px; }
#page6 .mise_forme_gauche{margin-right:5px; margin-left:5px; text-align:justify;}
#page6 .mise_forme_droite{margin-left:10px;text-align:justify;}
.marge li{margin-left:30px;}

/* fonds de la page extérieure*/
html, body{ height:100%; background:rgb(221,223,224); margin-left:10px; width:1024px;}
.body2{height:362px; background:rgb(147,151,155); margin:auto;  width:948px;}
.body3{height:362px; background:rgb(255,255,255); margin:auto;  width:938px;}
.body4{height:100%; background:rgb(147,151,155); margin:auto;  width:948px;}
.body5{height:100%; background:rgb(255,255,255); margin:auto; width:938px;}	
	

/* contient le texte à l'intérieur de l'espace blanc*/
.column { float:left;}
.clear { clear:both;}
/* permet de coller le contenu au bandeau*/
.ww{width:918px;}
/* pour coller le contenu de la page a l'image du haut sous ie*/
.fl{ float:left}

input{
   width:222px; height:18px;
   margin-bottom:3px;
    font-size:0.95em;
}
textarea{
   width:222px; height:236px;
   margin-bottom:9px;
    font-size:0.95em;
   overflow:auto}
   
/****************************************STRUCTURE TEXTE****************************/
/* police et couleur du texte dans la page*/
html, input, textarea
	{	font-family:Arial, Verdana, "Trebuchet MS", Gorgia, "Times New Roman", serif; 
		color:rgb(0,0,0);
	}	
/* enleve la bordure dans le menu au bouton accueil*/
a img{ border:0px}
/* texte important en bleu clair*/
b{font-weight:bold; color:rgb (0,146,196); font-size:1.08em;}
/*titre qu'est ce que c'est*/
em{color:rgb(0,146,196);/*color: rgb(50, 110, 161); */font-style: italic;text-align: justify;}
/* texte important en noir*/
b2{font-weight:bold; color: rgb(29,35,39); font-size:1.08em;}
/*texte aligne a gauche pour les paragraphes*/
p{text-align:left;}
a{color:#0099cc; text-decoration:underline} 
a:hover{text-decoration:none}
h2{background:url("images/fond bleu.jpg"); border: 1px solid rgb(56,79,110); width:60%; padding: 10px 5px 10px 5px; color:rgb(255,255,255);}
#page3 h2{width:90%;}
#page5 h2{width:90%;}
#page1 h2{width:90%;}
.titre_h4 li{margin-left:30px; list-style-image:url("images/puce_bleu.jpg");}
.centre{text-align:center;}
.espace_haut{margin-top:10px;text-align:justify;}
.texte_important{font-weight:bold; color:rgb(0,146,196);}	


/*************************************MENU HAUT****************************/

/*header*/
#header .pic{ display:block; margin-left:130px}
#header .pic1{ display:block; margin:0px}
/*texte cadre*/
.texte_cadre{margin-left:450px; background: url(images/logo.gif);z-index:20;position: absolute; height:82px; width:345px; text-align:left; padding:3px; font-weight:normal;}
.texte_cadre_eustachio{
	margin-left:450px;
	background: url(images/logo1.gif);
	z-index:20;
	position: absolute;
	height:140px;
	width:410px;
	text-align:left;
	padding:3px;
	font-weight:normal;
	left: -39px;
	top: 39px;
}
.texte_cadre_accueil{
	margin-left:470px;
	background: url(images/logo5.gif);
	z-index:20;
	position: absolute;
	height:151px;
	width:421px;
	text-align:left;
	padding:3px;
	font-weight:normal;
}
.texte_cadre_news{
	margin-left:480px;
	background: url(images/logo.gif);
	z-index:20;
	position: absolute;
	height:83px;
	width:489px;
	text-align:left;
	padding:3px;
	font-weight:normal;
	left: -60px;
}
.texte_cadre_ipbx{
	margin-left:460px;
	background: url(images/logo2.gif);
	z-index:20;
	position: absolute;
	height:91px;
	width:441px;
	text-align:left;
	padding:4px;
	font-weight:normal;
	top: 22px;
}
.indent{padding:0px}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
/*z-index:100;*/
width:918px; /* correction pour Opera */
}
#menu dl {
float: left;
height:96px; width:102px;
}
#menu dt {
cursor: pointer;
text-align: center;
position:absolute; 
/*margin: 1px;*/
background:url(images/m2.gif) no-repeat;
height:96px;
width:102px;
padding-top:25px;
font-size:95%;
font-weight:lighter;
list-style-type: none;
}
#menu dd {
display: none;
}
#menu ul{z-index:100; position:absolute; margin-top:96px;margin-left:0px;}
#menu li {
background:url(images/m2.gif) repeat-x; height:50px; width:150px; margin-top:-3px; padding-top:3px; font-size:95%; font-weight:lighter; text-align: center; list-style-type: none;
}
#menu li a, #menu dt a {
color:rgb(255,255,255);  text-decoration:none; 
display: block;
/*height: 100%;*/
border: 0 none;
}
#menu dt a:hover, #menu dt a:focus {
background:url("images/fond bleu.jpg") repeat-x; margin-top:-25px; padding-top:25px; height:96px; width:102px;}
#menu li a:hover, #menu li a:focus{
background:url("images/fond bleu.jpg") repeat-x; padding-top:3px; margin-top:-3px; height:50px; width:150px;}
#menu dt.bleu{background:url("images/fond bleu.jpg") repeat-x; cursor: pointer; text-align: center;height:96px;
width:102px;
padding-top:25px;
font-size:95%;
font-weight:lighter;
list-style-type: none;}

/*****************************BANDEAU NOIR*************************************/
/*Barres noires verticales dans le bandeau noir pour délimiter les 3 parties*/
.bg1{ background:url(images/1_bg-1.gif) repeat-y right}
/*lien dans fil d'ariane*/
.fil_ariane a{color: rgb(95, 188, 241);}
.fil_ariane{color: rgb(255,255,255); width:100%;}
/*newsletter*/
.newsletter, .newsletter a{text-align: right; color: rgb(214, 255, 255);}


/*******************************ARGUMENTAIRE**********************************/
/*****liste*****/
.description li{
color:rgb(0,0,0);
list-style-type:square;
margin-left:20px;
}
.sous_liste li{
color:rgb(0,0,0);
list-style-type: circle;
margin-left:30px;
}
.texte_argumentaire li{color:black; list-style-type:square;}
/*liste des sous menu en carré*/
.square{list-style-type: square; text-align: left; margin-left:15px;}
/*liste des produits associés sans puce*/
.none li{list-style-type: none; margin-bottom:10px; text-align:center;}

/******encadre******/
.encadre_gris{border: 1px solid rgb(205,207,208);}
/******texte******/
.indent{padding:26px 15px 0 28px}

/*texte argumentaire*/
.texte_argumentaire{text-align:justify; margin-left:16px; margin-right:16px; vertical-align:top;}

/**************************************MENU BAS***************************/
.menu_bas{width:918px; margin-left:50px;}
.menu_bas a,li{color:rgb(147,151,155);}
.menu_bas li{float:left;}

/*************************************footer*******************************/
#footer { text-align:center; font-size:0.8125em; color:#20272b;}
#footer .indent{ padding:11px 0px 0px 0px}
#footer a {color:#0093c4; text-decoration:underline}  
#footer a:hover { color:#0093c4; text-decoration:none}


/***************************************onglets liste*****************************************************/
/*onglets liste haut*/
.onglets_liste{list-style-type: none; border-bottom: 1px solid rgb(19,77,97); font-weight:bold; text-align: center; padding-bottom: 20px;}
.onglets_liste{margin:auto;}
.onglets_liste a{color:rgb(255,255,255);  text-decoration:none;}
.onglets_liste li{background:url(images/m1.gif); float:left; width:24%; margin:1px; border: 1px solid black;}
li.onglet_bleu{background:url("images/fond bleu.jpg"); border:1px solid rgb(19,77,97); border-bottom: 1px solid white;}
.bordure{border-top:1px solid white; border-bottom:1px solid white;border-left:1px solid rgb(19,77,97);border-right:1px solid rgb(19,77,97);vertical-align:top; padding-top:0px; padding-bottom:0px;}
/*onglets liste bas*/
.onglets_liste_bas{margin:auto; list-style-type: none; border-top: 1px solid rgb(19,77,97); font-weight:bold; text-align: center;}
.onglets_liste_bas a{color:rgb(255,255,255);  text-decoration:none;}
.onglets_liste_bas li{background:url(images/m1.gif); float:left; width:24%; margin:1px; border: 1px solid black;}
.onglets_liste_bas li.onglet_bleu{background:url("images/fond bleu.jpg"); border:1px solid rgb(19,77,97); border-top: 1px solid white;}

/*onglets liste haut avec 5 onglets*/
.onglets_liste5{list-style-type: none; border-bottom: 1px solid rgb(19,77,97); font-weight:bold; text-align: center; padding-bottom: 20px;}
.onglets_liste5{margin:auto;}
.onglets_liste5 a{color:rgb(255,255,255);  text-decoration:none;}
.onglets_liste5 li{background:url(images/m1.gif); float:left; width:19%; margin:1px; border: 1px solid black;}
li.onglet_bleu5{background:url("images/fond bleu.jpg"); border:1px solid rgb(19,77,97); border-bottom: 1px solid white;}
/*onglets liste bas avec 5 onglets*/
.onglets_liste_bas5{margin:auto; list-style-type: none; border-top: 1px solid rgb(19,77,97); font-weight:bold; text-align: center;}
.onglets_liste_bas5 a{color:rgb(255,255,255);  text-decoration:none;}
.onglets_liste_bas5 li{background:url(images/m1.gif); float:left; width:19%; margin:1px; border: 1px solid black;}
.onglets_liste_bas5 li.onglet_bleu5{background:url("images/fond bleu.jpg"); border:1px solid rgb(19,77,97); border-top: 1px solid white;}

/*onglets liste haut avec 6 onglets*/
.onglets_liste6{list-style-type: none; border-bottom: 1px solid rgb(19,77,97); font-weight:bold; text-align: center; padding-bottom: 20px;}
.onglets_liste6{margin:auto;}
.onglets_liste6 a{color:rgb(255,255,255);  text-decoration:none;}
.onglets_liste6 li{background:url(images/m1.gif); float:left; width:16%; margin:1px; border: 1px solid black;}
li.onglet_bleu6{background:url("images/fond bleu.jpg"); border:1px solid rgb(19,77,97); border-bottom: 1px solid white;}
/*onglets liste bas avec 6 onglets*/
.onglets_liste_bas6{margin:auto; list-style-type: none; border-top: 1px solid rgb(19,77,97); font-weight:bold; text-align: center;}
.onglets_liste_bas6 a{color:rgb(255,255,255);  text-decoration:none;}
.onglets_liste_bas6 li{background:url(images/m1.gif); float:left; width:16%; margin:1px; border: 1px solid black;}
.onglets_liste_bas6 li.onglet_bleu6{background:url("images/fond bleu.jpg"); border:1px solid rgb(19,77,97); border-top: 1px solid white;}


/*onglets tableau*/
.ongletbleu{ background-image:url("images/fond bleu.jpg");}

.onglets a{text-decoration:none; color:white;}

/****************************************IMAGES*********************************/
/*image flottante a gauche*/
.image_flottante_gauche{float:left; margin-right:5px;}
.image_titre_flottante_gauche{float:left; margin-right:5px; padding:2px;}
.image_flottante_droite{float:right; margin-left:5px;}
.image_titre_flottante_droite{float:right; margin-left:5px; padding:2px;}

/*liste description modeles casques*/
.modeles_casques{margin-left:20px;}
.utilisation_eustachio{margin-left:200px;}
.donnees_eustachio{margin-left:170px;}
.call_master{margin-left:250px;}
.liste_accueil{margin-left:50px;}

/***************************************PLAN DU SITE*****************************/
/*liste gauche dans plan du site*/
.titre_gauche{list-style-type:square; color:rgb(50,110,161); font-weight:bold;}
.titre_gauche a{list-style-type:square; color:rgb(50,110,161);font-weight:bold;}
.sous_titre_gauche{list-style-type:none;color:rgb(0,153,204);font-weight:bold;}
.plan_gauche a{color:rgb(0,0,0);}
.plan_gauche{list-style-type:none; margin-left:5px;}
/*liste droite dans plan du site*/
.titre_droite{list-style-type:square; color:rgb(50,110,161); font-weight:bold;}
.titre_droite a{list-style-type:square; color:rgb(50,110,161);font-weight:bold;}
.sous_titre_droite{list-style-type:none;color:rgb(0,153,204);font-weight:bold; margin-left:5px;}
.plan_droite a{color:rgb(0,0,0); margin-left:5px;}
.plan_droite{list-style-type:none; margin-left:5px;}

/***************************************COLONNE DROITE*****************************/
/*bordure colonne droite*/
.bordure_colonne_droite{border:2px solid black; width:25%;}
/* tableau droite*/
.tableau_droite {border:2px solid black; width:25%; margin-left:30px; border-collapse:collapse;}
.tableau_droite td{background-color:rgb(255,255,255); padding:5px; border:2px solid black;}
.tableau_droite th{background:url(images/m1.gif); color:rgb(255,255,255); text-align:center; border:2px solid black;}
.distribution h2{margin-left:5px; text-align:left;}
.distribution p{padding-left:10px; text-align:left;}
#page2 .tableau_droite{border:2px solid black; width:25%; margin-left:50px;}
#page1 .tableau_droite ul{margin-right:20px;}

/*menu droite*/

.tableau_droite_menu {border:2px solid black; width:25%; margin-left:30px; border-collapse:collapse; border:2px solid rgb(34,138,175);}
.tableau_droite_menu td{background-color:rgb(255,255,255); text-align:center;}
.tableau_droite_menu li a{color:rgb(0,0,0); text-align:center;}
.tableau_droite_menu .categorie_actuelle a{color:#0099cc;}
.tableau_droite_menu th{background:url("images/fond bleu.jpg"); color:rgb(255,255,255); text-align:center; }
.tableau_droite_menu th a{background:url("images/fond bleu.jpg");color:rgb(255,255,255); text-align:center; text-decoration:none; }

/******************************COLONNE GAUCHE*****************************************/

table.tableau_gauche_menu{margin:auto; background-image:url("images/fond bleu.jpg"); width:100%; border:2px solid rgb(34,138,175);  border-collapse: collapse;}
.tableau_gauche_menu td{background-color:rgb(255,255,255); text-align:center;}
.tableau_gauche_menu th{color:rgb(255,255,255);}
/*tableau gauche*/
.tableau_gauche td{background-color:rgb(255,255,255); padding:5px; border:2px solid black;}
/*tableau fiche technique*/
.fiche-technique {border:2px solid rgb(0,0,0);}
.fiche-technique th,td{border:1px solid rgb(221,223,224); border-collapse:collapse;}
/*.fiche-technique tr{border:1px solid rgb(221,223,224); border-collapse:collapse;}*/
.fiche-technique th{text-align:center;}


/*************************INCLASSABLE*******************************/
.more{background:url(images/1_z1.gif)  center left no-repeat; padding-left:20px; background-position:0 0px; color:#0092c4; font-weight:bold; text-decoration:none; font-size:1.08em;}
.more:hover{ text-decoration:underline}