/* INFORMATIONS DE LICENCE
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés
*/


/* Informations générales de position */
/* ---------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	text-align:center;
}
#conteneur {
	width:778px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

#top {
	width:772px;
	height:85px;
	text-align: right;
	
	font-size: 10px;
	color: #AAAAAA;	
	font-weight: normal;
}
#top .drapeau_doc {
	border: 1px solid #DDDDDD;
}
#aide {
	float: right;
	width: 50px;
}
#bloc_liens_utiles {
	float: right;	
	width: 160px;	
}

#recherche1 {
	width:120px;
	text-align:right;
	float:left;
}
#recherche2 {
	width:60px;
	text-align:right;
	float:left;
	margin-top:3px;
}
#anim {
	float:left;
	width:500px;
	height:92px;
}
#ambiance {
	float:left;
	width:272px;
	height:92px;
}
#col_gauche {
	float:left;
	width:164px;
}
#menu {
	width:154px;
	margin-left:10px;
	margin-top:10px;	
}
#moteur_recherche {
	width:144px;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;		
}
#webline {
	width:90%;
	margin-left:10px;
	margin-top:10px;
}
#col_centre {
	float:left;
	width:336px;
}
#col_droite {
	float:left;
	width:272px;	
}
#col_page_interne {
	float:left;
	width:608px;	
}
#col_page_interne_contenu {
	float:left;
	width:594px;
	margin-left:14px;
	margin-top:14px;
	display: inline;
	overflow:hidden;
}
#col_page_interne_visuel {
	float:left;
	width:336px;
	height:27px;	
}
#col_page_interne_cible {
	float:left;
	width:272px;
	height:27px;	
}
#cible {
	width:100%;
	height:27px;
}
#actu {
	width:100%;
	margin-top:20px;
	overflow: hidden;
}
#world {
	width:100%;
	height:100px;
}
#pied {
	clear:both;
	width:772px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;	
}
#breve {
	width: 300px;
	margin-left: 18px;	
}
.div_menu_produit {
	float: left;
	width: 112px;
	height: 76px;
	text-align : center;		
}
.div_menu_produit_designation {
	float: left;
	width: 112px;
	height: 25px;
	text-align: center;		
}
.div_plan_site_zone_cachee {
	display:none;
}

/* Informations générales de mise en forme */
/* --------------------------------------- */

body {
	background-color: #002453;
	background-image: url(visuels/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #727272;
	font-size: 12px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	color: #727272;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
h1 { /* titre des pages */
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 19px;
	font-weight: bold;
}
h1.page_produit { /* titre des pages */
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
}
h2 { /* webline */	
	font-family: Arial, Helvetica, sans-serif;
	color: #757575;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}
h3 { /* sous-titre des pages*/	
	font-family: Arial, Helvetica, sans-serif;
	color: #0D65AF;
	font-size: 18px;
	font-weight: bold;
}
h4 { /* familles, sous-familles, etc... dans la zone proddit */	
	font-family: Arial, Helvetica, sans-serif;
	color: #0D65AF;
	font-size: 12px;
	font-weight: bold;
}
input {
	border: 1px solid #94BEE0;
	height : 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5B5B5B;
	font-size: 12px;
	font-weight: normal;	
}
.input_log {
	border: 1px solid #757575;
	height : 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5B5B5B;
	font-size: 12px;
	font-weight: normal;	
}
#param_recherche {
	border: 1px solid #DFDEDE;	
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 11px;
	font-weight: normal;
}
a.bt_param_rech {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;	
	background-color: #0D65AF;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.bt_param_rech:hover {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #94BEE0;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
select {
	border: 1px solid #94BEE0;
	height : 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5B5B5B;
	font-size: 11px;
	font-weight: normal;	
}
textarea {
	border: 1px solid #94BEE0;	
	font-family: Arial, Helvetica, sans-serif;
	color: #5B5B5B;
	font-size: 12px;
	font-weight: normal;
}
.bouton {
	border: 1px solid #FFFFFF;
	height : 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #94BEE0;
	font-size: 12px;
	font-weight: normal;
}
.bouton_log {
	border: 0px solid;
	height : 19px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #757575;
	font-size: 12px;
	font-weight: normal;
}
#top {
	background-color: #FFFFFF;
	background-image: url(visuels/logo_dimos.gif);
	background-repeat: no-repeat;
}
#anim {
	background-color: #39508D;
}
#ambiance {
	background-color: #777888;
}
#col_gauche {
	background-color: #DFDEDE;
}
#col_centre {
	background-image: url(visuels/toits.jpg);
	background-repeat: no-repeat;
}
#cible {
	background-color: #E20054;
}
#col_page_interne_visuel {
	background-image: url(visuels/toits.jpg);
	background-repeat: no-repeat;	
}
#col_page_interne_cible {
	background-image: url(visuels/degrade_haut_page.gif);
	background-repeat: repeat-y;			
}
#world {
	background-color: #CBB2BB;
}
#filet_actu {
	with : 100%;
	height: 1 px;
	background-image: url(visuels/filet_actu.gif);
	background-repeat: repeat-x;
}
.titre_actu {	
	font-family: Arial, Helvetica, sans-serif;
	color: #0D65AF;
	font-size: 13px;
	font-weight: bold;
}
.txt_alerte_formulaire {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
}
.txt_alerte_formulaire_ok {
	font-family: Arial, Helvetica, sans-serif;
	color: #11A70A;
	font-size: 13px;
	font-weight: bold;
}
.txt_info_formulaire {
	font-style : italic;
	color: #989898;	
}
.produit_designation_comp {	
	color: #888888;	
	font-size: 11px;
}
.produit_popup_norme {
	position: absolute;
	width: 310px;	
	left: 556px;
	background-color: #DFDEDE;
	display:none;
}
a.actu {	
	font-family: Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 12px;
	text-decoration : none;
}
a.actu:hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 12px;
	text-decoration : none;
}
.txt_copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;	
	font-weight: normal;
	text-decoration : none;
}
a {	
	font-family: Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 12px;
	text-decoration : none;
}
a:hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 12px;
	text-decoration : none;
}
a.formulaire {	
	font-family: Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 12px;
	text-decoration : none;
}
a.formulaire:hover {		
	color: #929292;	
	text-decoration : underline;
}
a.inverse {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 12px;
	text-decoration : none;
}
a.inverse:hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 12px;
	text-decoration : none;
}
a.rep_ficher_tech_inverse {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 12px;
	text-decoration : none;
}
a.rep_ficher_tech_inverse:hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 12px;
	text-decoration : none;
}
a.menu_produits {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	font-weight: bold;
	text-decoration : none;
}
a.menu_produits:hover {
	color: #E20054;
}
a.menu_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;	
	font-weight: normal;
	text-decoration : none;
}
a.menu_top:hover {
	color: #E20054;
	font-size: 10px;
	font-weight: normal;
	text-decoration : none;
}
a.lire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E20054;	
	font-weight: bold;
	text-decoration : none;
}
a.lire:hover {
	color: #AAAAAA;
	font-size: 11px;
	font-weight: bold;
	text-decoration : none;
}
a.menu_interne_produit {	
	font-family: Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 11px;
	text-decoration : none;
}
a.menu_interne_produit:hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 11px;
	text-decoration : none;
}
a.menu_interne_produit_hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #929292;
	font-size: 11px;
	text-decoration : none;
	font-weight: bold;
}
a.menu_interne_produit_hover:hover {	
	font-family: Arial, Helvetica, sans-serif;
	color: #E20054;
	font-size: 11px;
	text-decoration : none;
	font-weight: bold;
}
a.hierarchie_produit {	
	font-family: Arial, Helvetica, sans-serif;
	color: #0D65AF;
	font-size: 12px;
	font-weight: bold;
}
a.hierarchie_produit:hover {	
	color: #E20054;	
}
.titre_produit {
	font-family: Arial, Helvetica, sans-serif;
	color: #0D65AF;
	font-size: 15px;
	font-weight: bold;
}
/*a.menu01{	
	background-image: url(visuels/menu_produits_01.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	padding: 0px;			
}
a.menu01:hover{	
	background-image: url(visuels/menu_produits_01_over.gif);
	background-repeat: no-repeat;		
}
a.menu02{
	background-image: url(visuels/menu_produits_02.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	width:74px;
	height:76px;		
}
a.menu02:hover{	
	background-image: url(visuels/menu_produits_02_over.gif);
	background-repeat: no-repeat;		
}
a.menu03{	
	background-image: url(visuels/menu_produits_03.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	width:74px;
	height:76px;		
}
a.menu03:hover{	
	background-image: url(visuels/menu_produits_03_over.gif);
	background-repeat: no-repeat;		
}
a.menu04{	
	background-image: url(visuels/menu_produits_04.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	width:74px;
	height:76px;	
}
a.menu04:hover{	
	background-image: url(visuels/menu_produits_04_over.gif);
	background-repeat: no-repeat;	
}
a.menu05{	
	background-image: url(visuels/menu_produits_05.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	width:74px;
	height:76px;	
}
a.menu05:hover{	
	background-image: url(visuels/menu_produits_05_over.gif);
	background-repeat: no-repeat;
}
a.menu06{	
	background-image: url(visuels/menu_produits_06.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:0px;
	width:74px;
	height:76px;	
}
a.menu06:hover{	
	background-image: url(visuels/menu_produits_06_over.gif);
	background-repeat: no-repeat;	
}*/

/* Informations CSS de menu */
/* ------------------------ */
#menu {
	position: static;
}
#menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu dt {
	width: 154px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #0D65AF;
	font-weight: bold;				
}
#menu dt a{
	display: block;
	background: transparent;
}
#menu dt a:hover{
	background: transparent url(visuels/curseur.gif) repeat-y right;
}
#menu dd {
	position: absolute;
	/*z-index: 100;*/
	width: 250px;
	margin-left : 154px;	
	background: #CCCBCB;
	margin-top: -25px;			
}
#menu ul {
	padding: 0px;	
}
#menu li {		
	height: 22px;
	line-height: 22px;
	/*z-index: 100;*/		
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #FFFFFF;		
}
a.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0D65AF;	
	font-weight: bold;
	text-decoration : none;
}
a.menu:hover {
	color: #E20054;
	font-size: 11px;
	text-decoration : none;
}
a.sous_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565656;	
	font-weight: bold;
	text-decoration : none;
}
a.sous_menu:hover {
	color: #E20054;
	font-size: 11px;
	text-decoration : none;
}