/**
 * Styles génériques
 */


@import "layout.css";



/* Globales
-------------------------------------------------------- */
* { 
    margin: 0;
    padding: 0;   
}

body { 
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    text-align:center;
    behavior:url("/styles/csshover.htc");
}


table,td {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
	padding:5px;
}


a img {
    border: 0;
}

a { 
    color: black;
    
}

a:hover { 
    color: black;
}


h1 { 
    color: #F85943;
    font-size: 15px;
    
}


h2 { 
    color: #000000;
    font-size: 14px;
	font-weight:bold;
	padding-left:4px;
}

h3 { 
    color: #757575;
    font-size: 12px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-left:4px;
	border-width:0 0 1px 0px;
    border-style:solid;
    border-color:#000;
}

h4 {

    background:url(/pictures/carre_rouge.gif) no-repeat left top;
    margin-top:15px;
	padding-left:25px;
	color: #EE1F25; 
	/*color: #000000;*/
    font-size: 12px;
}

.erreur {
     color: #FF0000;
	 font-weight:bold;
	 }


/* La page
-------------------------------------------------------- */
/* Style pour Interface Hotline */

#main {
margin-left:10px;
}



 
/* L'entête
-------------------------------------------------------- */
#top{
	height: 40px;
	margin-left:0px;
	background: #717678;
}


#top_left {
	height: 40px;
	width:36px;
	margin-left:0px;
	background:url(/pictures/top_left_corner.gif) no-repeat left top;
}

#top_right {
	height: 40px;
	width:36px;
	margin-left:0px;
	background:url(/pictures/top_right_corner.gif) no-repeat left top;
}

#visuel {
    height:212px;
}

#visuel_home {
    height:264px;
}


#bandeau_titre {
    background:#EE1F25;
	height:48px;
}

#bandeau_gris_home {
    background:#667C92 url(/pictures/bandeau_gris.jpg) no-repeat left top;
	height:44px;
	/*padding-left:185px;
	padding-top:15px; */
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

html>body #bandeau_gris_home {
    height:29px;
}


#main_home {
	background: #E00000 url(/pictures/fond_home.jpg) no-repeat left top;
    height:423px;
	width:997px;
}

#main_home_h {
	background: #E00000 url(/pictures/home/fond_home.jpg) no-repeat left top;
    height:350px;
	width:997px;
}


#content {
       
       border-width:0px 1px 0px 0px;
       border-style:solid;
       border-color:#C9CFDA;
	   z-index: 1;
}

#content_corporate {
       
       border-width:0px 1px 0px 0px;
       border-style:solid;
       border-color:#C9CFDA;
	   z-index: 1;
}


#menu_gauche {
background:#9BB8CE;
}

#menu_gauche_haut {
background:url(/pictures/haut_menu_corporate.gif) no-repeat left top;
height:23px;
color:#FFF;
font-weight:bold;
padding-left:50px;
}

#menu_gauche_bas {
background:url(/pictures/bas_menu_corporate.gif) no-repeat left top;
height:23px;
}


#menu_centre {
 padding-top:30px;
}


#menu_centre ul {
list-style-type:none;
}

#menu_centre li {

background:url(/pictures/puce_fleche_horizontale.gif) no-repeat left top;
padding-left:23px;
margin-left:20px;
margin-bottom:10px;
list-style-type:none;
}

ul.fleches {
list-style-type:none;
}

ul.fleches li, li.fleches_marges {

background:url(/pictures/puce_fleche_rond.gif) no-repeat left top;
padding-left:23px;
margin-left:20px;
margin-bottom:5px;
list-style-type:none;
font-weight:bold;
font-size:12px;
height:17px;
}

ul.fleches_normal li {
background:url(/pictures/puce_fleche_rond.gif) no-repeat left top;
padding-left:23px;
margin-left:20px;
margin-bottom:5px;
list-style-type:none;
font-weight:normal;
font-size:12px;
height:17px;

}




html>body li.fleches_marges {
 margin-top:45px;
 margin-bottom:45px;
}





#title {
    margin-left:58px;
	margin-top:25px;
	margin-bottom:20px;
	padding-left:45px;
	padding-top:39px;
    background: #FFF url(/pictures/cubes_titre.gif) no-repeat left top;
}

#title_corporate {
   width:500px;
   height:55px;
   margin-top:35px;
   padding-left:50px;
   background:#FFF url(/pictures/cubes_titre_corporate.gif) no-repeat left top;
}

#text {
       border-width:0 0 0px 1px;
       border-style:solid;
       border-color:#000;
       color:#757575;
       text-align:justify;	   
}

#text_2 {
       border-width:0 0 0 1px;
       border-style:solid;
       border-color:#000;
       color:#757575;
       text-align:justify;	   
}

#text_corporate {
       border-width:0 0 0px 1px;
       border-style:solid;
       border-color:#000;
       color:#757575;
       text-align:justify;	   
}



#text p, #text_corporate p {
		margin-bottom:10px;
}

#text li, #text_corporate li {
		margin-left:30px;
}



.chapeau {
       border-width:0 0 1px 0;
       border-style:solid;
       border-color:#000;
       color:#96B3C5;
	   font-weight:bold;	
       padding-bottom:5px;
	   margin-bottom:10px;	
}



/* footer
-------------------------------------------------------- */
#bottom{
	height: 40px;
	margin-left:0px;
	background: #C6CACC;
}

/* bottom_2 pour integrer liens vers pages optimisées -- Sabry */
#bottom_2{
	height: 20px;
	margin-left:0px;
	background: #C6CACC;
}


#bottom_left {
	height: 40px;
	width:40px;
	margin-left:0px;
	background:url(/pictures/bottom_left_corner.gif) no-repeat left top;
}

#bottom_right {
	height: 40px;
	width:40px;
	margin-left:0px;
	background:url(/pictures/bottom_right_corner.gif) no-repeat left top;
}


/* Gestion des listes à puces
-------------------------------------------------------- */ 
#top_middle li {
    display:inline;
	margin-left:26px;
	color:#9F9F9F;
}
#bottom_middle li, #liens_externes li , #liens_externes_2 li {
    display:inline;
}

#top_middle a, #bottom_middle a{
	font-weight:bold;
	text-decoration:none;	
}

#top_middle {
a color:#FFF;
}

#bottom_middle a {
color:#000;
}


#liens_externes a{
    color:#000;
	font-weight:normal;
	text-decoration:none;
}
/* liens_externes_2 pour integrer liens vers pages optimisées en bas de page accueil-- Sabry */
#liens_externes_2 a{
    color:#C6CACC;
	font-weight:normal;
	text-decoration:none;
}



/* --------------------------------------
Gestion des Menus  déroulants 
----------------------------------------------------
*/

#bandeau_menu {
    margin-top:-2px;
    height:30px;
	background: #C9CFDA url(/pictures/cubes_sous_tel.jpg) no-repeat right top;
	padding-left: 350px;   /*  Marge de gauche des menus = 350 pixels  */
	z-index:100;
	
}

html >body #bandeau_menu {
margin-top:0px;
}



#bandeau_menu ul, #bandeau_menu li {
		display:block;
		list-style:none;
		margin:0;
		padding:0;
		
	}

#bandeau_menu li.item {
		background:url(/pictures/fleche_bas.gif) no-repeat left;		
	}	
	
	
	
	
	
#bandeau_menu 	ul {
		height:24px;
		
	}
		
	
#bandeau_menu 		ul ul {
			position:absolute;
			left:0;
			top:24px;
			height:auto;
			width:150px;
			border-width:1px;
			display:none;
			background:#fffff0;
		    border:solid silver;
		    border-width:1px 0;
			
			
		}
	#bandeau_menu 		ul ul ul {
				top:0;
				left:70px;
			}

	#bandeau_menu 	li:hover {
			background:#f0f0f0;
			z-index:10;
		}
		
	#bandeau_menu li.item:hover{
		background:#f0f0f0 url(/pictures/fleche_bas.gif) no-repeat left;
        z-index:10;		
	}		
		

	#bandeau_menu 	li:hover  ul ul {
			display:none;
		}

	#bandeau_menu 	li:hover ul, 
		#bandeau_menu li:hover li:hover ul {
			display:block;
		}

	#bandeau_menu li {
		position:relative;
		float:left;	
		padding:4px 15px;
		line-height:16px;
	}
	#bandeau_menu 	li li {
			float:none;
		}

	#bandeau_menu li a {
		color:gray;
		text-decoration:none;
		font-weight:bold;
	}









/* formulaires
-------------------------------------------------------- */ 

fieldset { border:0px;
         }  

.form p.float_left{ float:left;
         }  



.form label { clear:left;
           float:left;
		   text-align:right;
	       width:270px;
		   margin-bottom:15px;
         }  
		 
.form input,select {
      float:left;
         }  		 
.form p.bouton_valide { 
		margin-left:50px;
		}
		 
/* specifiques
-------------------------------------------------------- */ 		 



/* sert pour les impressions */
#main {
text-align:left;
}



.clear {clear:both;}

   
				   
table.tableau, table.tableau  td {  
                 border:1px;
                 border-style:solid;
                 border-color:#000;
				 border-collapse:collapse;
				 padding:2px;
}				   
			   
/* Home Page Rollover
-------------------------------------------------------- */
#particuliers {
float:left;
margin-top:9px;
margin-left:65px;
width:196px;
font-size:12px;
}

html>body #particuliers {
margin-left:129px;
width:196px;
}

#entreprises {
float:left;
margin-top:91px;
width:196px;
font-size:12px;
}

#teleboutiques {
margin-top:79px;
margin-left:0px;
float:left;
width:196px;
font-size:12px;
}

#partenaires {
margin-top:10px;
margin-left:0px;
float:left;
width:196px;
font-size:12px;
}

#particuliers_h {
float:left;
margin-top:9px;
margin-left:65px;
width:186px;
font-size:12px;
}

html>body #particuliers_h {
margin-left:129px;
margin-top:20px;
width:186px;
}

#entreprises_h {
float:left;
margin-top:9px;
width:188px;
font-size:12px;
}

html>body #entreprises_h {
margin-top:20px;
}


#teleboutiques_h {
margin-top:9px;
margin-left:0px;
float:left;
width:194px;
font-size:12px;
}

html>body #teleboutiques_h {
margin-top:20px;
}


#partenaires_h {
margin-top:9px;
margin-left:0px;
float:left;
width:190px;
font-size:12px;
}

html>body #partenaires_h {
margin-top:20px;
}

				   
#particuliers a {
display:block;
background:url(/pictures/particuliers.jpg)
height:239px;
width:196px;
display:block;
}				

#entreprises a {
display:block;
background:url(/pictures/particuliers.jpg)
height:239px;
width:196px;
}	

#teleboutiques a {
display:block;
background:url(/pictures/particuliers.jpg)
height:239px;
width:196px;
}	

#partenaires a {
display:block;
background:url(/pictures/particuliers.jpg)
height:239px;
width:196px;
}



#particuliers p, #entreprises p, #teleboutiques p, #partenaires p {
width:175px;
margin-left:10px;
}	

#particuliers_h p, #entreprises_h p, #teleboutiques_h p, #partenaires_h p {
width:175px;
margin-left:10px;
}	

.blanc {color:#FFFFFF;
        font-weight:bold;
	   }
	   
	   
	  .blanc_2 {color:#FFFFFF;
        font-weight:bold;
        text-decoration:none;
		 }