/* CSS Document */

 /* call hover behaviour file */ 

BODY {

behavior: url(/css/csshover.htc);
background-color: white;
background-image: url(../images/body_bg.png);
background-repeat: repeat-x;
margin: 0% 15% 0% 15%;
height:100%;

}

Body, A
{
   font-family: Verdana, Arial, Helvetica, Sans Serif;
   font-size: 8pt;
   font-weight: normal;
   color: black;
}





/* main navigation */
/* Background du div menu */
#navigation {
	color: #375162;
	height:25px;
	font-size: 12px; 
	font-weight:bold; 	
	text-align:center; 
	text-transform:uppercase; 
	white-space:nowrap;	
	background:url(../images/menu_bg.png) top left;
	
}
#navigation * {

}
#navigation H2 {
	font-size:10px;
	text-align:center;
	font-weight:bold; 
}
#navigation UL {
	list-style: none;
	margin: 0px 1px 0px 1px;
	float:left;
	
	
}
#navigation a, #navigation h2 {
	display: block;
	border-left:  0.5px ; 
	border-right: 0.5px ;
	margin: 0px 1px 0px 1px;
	
}
/* Couleur texte menu */
#navigation H2 A {
	color:#333366;
	display:inline;
	font-size:12px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 1px 7px 1px 7px;
		
}
/*Couleur lien actif*/
#navigation a:hover {
	color:#fff;
	background:url(../images/menu_hover.gif) repeat-x top left;

}

#navigation a:active {
	font-size:1.0em;
    	text-decoration:none;
    	color:#75808A;

}


#navigation a:visited {
	font-size:  1.2em;
   	text-decoration:none;
   	color:  #000000;

}





/* Texte de sous menu*/
#navigation LI {
	float:left; 
	position: relative;
	display:inline;
	font-size: 11px; 
	font-weight:bold;
	text-align:left;
	color:#333366;
	line-height:2em;
	text-transform:none; 
	padding:0px 7px 0px 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/submenu_hover.gif) left;
	}
#navigation UL UL {
	
	position: absolute;
	z-index: 500;
	
}

/*#navigation UL UL, UL LI:hover UL{
	display:none;
	
}*/
#navigation UL UL, LI:hover UL{
	display:NONE;
	
}



#navigation UL LI:hover UL {
	border: 1px solid #669933;
	display: block;
	background: #CE0D0D url(../images/submenu_hover.gif) repeat-x top left;

}
#navigation UL LI UL LI {

	display: block;
	float:none;
	
	

}
/*Couleur entre les sous menus*/
#navigation UL LI UL LI A {
	
	font-size:12px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;


}
#navigation UL LI UL LI:hover {
	background: #CE0D0D url(../images/submenu_hover.gif) repeat-x top left;



}
UL.main#top_nav1 LI:hover {
	
	background: #CE0D0D url(../images/submenu_hover.gif) repeat-x top left;
	
	

}

/* Background du div menu */
.c1 { 
	

}
/* Header */
DIV#header { 

	position:relative;
	height:100px;
	font-family: Tahoma,Arial,Helvetica, Sans-Serif;
	font-size: 1.2em;
	margin-bottom:2%;
	}


TABLE#header1 {
width:100%;

}

#header1 TR {
width:100%;

}

#header1 TR TD {
width:40%;
vertical-align: middle;
text-align: left;

}


#copy {
color:  #75808A;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold; 
margin-bottom:10px;
margin-top:50px;
background:url(../images/menu_bg.png) top left;
width:100%;


}


.hyperlienvert{/* j'ai changé la couleur du vert au gris à cause du nouveau logo*/
color:#444444;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.hyperliengris{
color:#444444;
font-family:Arial, Helvetica, sans-serif;}

DIV#top {
width:100%;
height:25%;
color:#333366;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:65px;
margin-bottom:10px;
text-align:left;
}
DIV#middle{
width:100%;
height:50%;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;

}
DIV#bottom{
width:100%;
height:25%;
color:#333366;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
}
#bottom TR TD H4 {
font-family: Arial;
font-size:1.2em;
border-bottom:1px solid #444444;
}
#bottom TR TD H5 {
font-family: Arial;
font-size:1.2em;
border-bottom:1px solid #444444;
}

#bottom TR TD UL LI {
list-style-type:square;
font-family: Tahoma,Arial,Helvetica, Sans-Serif;
font-size:1.2em;

}
TABLE#bottom{
width:100%;
font-family: Arial,Helvetica, Sans-Serif;
font-size: 1.2em;
}

.imgsond{
text-align:center;

}

#top TR TD {
vertical-align:middle;
font-size:12px;
font-family:Arial;
}
TABLE#contenu{
width:100%;
font-family: Arial,Helvetica, Sans-Serif;
font-size: 1em;
color:#000000;
}
TABLE#formulaire{
width:80%;
}

#formulaire TR TD H4 {
font-family: Arial;
font-size:0.8em;
border-bottom:1px solid #444444;
}
.formulaireTR H4{
font-family: Arial;
font-size:0.8em;
border-bottom:1px solid #444444;
}
#formulaire TR TD H5{
font-family: Arial;
font-size:1em;
font-weight:normal;
}
#formulaire TR TD{
font-family: Arial;
font-size: 1em;
}

#contenu TR TD H4 {
font-family: Arial;
font-size: 1.2em;
border-bottom:1px solid #444444;
}
#contenu TR TD UL LI {
font-family: Arial;
list-style-type:square;

}
#contenu TR TD H5{
font-family: Arial;
font-size:1.2em;
font-weight:normal;
color:#75808A;
}


.contenuTR H4{
font-family: Arial;
font-size:1em;
border-bottom:1px solid #444444;
}

#contenu TR TH {
font-family: Arial;
font-size: 1.4em;
border-bottom:1px solid #444444;
}

#contenu TR TD{
font-family: Arial;
font-size:1.3em;
}




.contenuTD#animation {

vertical-align:bottom;
}
.contenuTD#topleft {
width:75%;
}
.contenuTD#topright {
width:25%;
}


TABLE#sondage {
width:296px;
position:relative;
} 
.sondageTD H5{
font-family: Arial; 
text-decoration: underline; 
COLOR: #669933;
}

.sondageTD H6{
font-family: Arial; 
COLOR: #669933;
}

.submit {
border:1px solid #444444;
float:right;
clear: both;
vertical-align:bottom;
cursor: pointer;
cursor: hand;
font-weight: bolder;
	}

IMG#logo{
width:170px;
height:92px; 
}

IMG#icones{
width:23px;
height:22px;
border-style:none;
vertical-align: middle;
 }


TR#formation{
display:none;
}

#formation TD A{
font-family:Arial;
font-size:12px;

}
#formation TD H5{
font-family:Arial;
font-size:0.8em;
border-bottom:1px solid #444444;
}
TR#infotel{
display:none;
}

#infotel TD A{
font-family:Arial;
font-size:12px;

}
#infotel TD H5{
font-family:Arial;
font-size:0.8em;
border-bottom:1px solid #444444;
}
TR#consultation{
display:none;
}

#consultation TD A{
font-family:Arial;
font-size:12px;

}
#consultation TD H5{
font-family:Arial;
font-size:0.8em;
border-bottom:1px solid #444444;
}
TR#telemarketing{
display:none;
}

#telemarketing TD A{
font-family:Arial;
font-size:12px;

}
#telemarketing TD H5{
font-family:Arial;
font-size:0.8em;
border-bottom:1px solid #444444;
}

.textbox{
border:1PX SOLID #444444;
width:80%;
}
.imgarticle{
width:90px;
height:80px;

}
.index{
color:#666666; 
font-family:arial; 
font-size:16px; 
font-weight:bold;
text-transform:uppercase;
margin-top:150px;
}

#sitemap {border:1px solid #669933;
}

#sitemap UL TR TD {
color:#333366;
background-color:#efefef;
vertical-align:top;

}
#sitemap UL TR TD A{
color:#333366;
background-color:#efefef;
vertical-align:text-top;
}
#sitemap UL TR TD LI H2 A{
color:#444444;
background-color:#efefef;
vertical-align:text-top;
}
.hyperlienvert2{
color:#669933;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;}

#formlogin{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#333366;
background-color:#efefef;
border: 1px solid #444444;
margin: 0% 25% 0% 25%;
width:300px;

}

#formlogin TABLE{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#333366;
}
#formlogin TABLE TH{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
color:#333366;
border-bottom: 1px solid #444444;
}
.parsimple{
font-family:Arial, Helvetica, sans-serif; 
color:#333366; }
/*----------------------------------------------------------*/

.imglogo{
width:170px;
height:92px;}

#feuilledetemps{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333366;
background-color:#efefef;
border: 1px solid #444444;
text-align:center;

}

#feuilledetemps TABLE{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333366;
border: 1px solid #efefef;
width:600px;
}
#feuilledetemps TABLE TD{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333366;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #444444;
}
#feuilledetemps TABLE TH{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333366;
border-bottom: 1px solid #444444;
}
#Tableproject{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333366;
border-bottom: 1px solid #444444;
text-align:center;
}
.textresultat{
border: 1px solid #009900; 
color:#FF0000; 
font-weight:bolder; 
text-align:center;
text-decoration:blink;
}
#menucrm TABLE {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-transform:uppercase;
background-image:url(../images/menu_back.PNG);
width:122px;
}
#menucrm TABLE TR{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-transform:uppercase;
height:21px;
}

#menucrm TABLE TD{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-transform:uppercase;

}
#menucrm TABLE TH{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#333366;
border-bottom: 1px solid #444444;
text-transform:uppercase;
}
#menucrm TABLE TD A{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#360000;
text-transform:uppercase;
text-decoration:underline;
}
.submitmenu {
border:1px solid #444444;
clear: both;
vertical-align:bottom;
cursor: pointer;
cursor: hand;
font-weight: bolder;
	}
.reset {
border:1px solid #444444;
clear: both;
vertical-align:bottom;
cursor: pointer;
cursor: hand;
font-weight: bolder;
right:auto;

	}





H1
{
	font-size: 1.5em;
	font-weight: bold;
	color: #75808A;
	text-decoration: underline;
}

H2  {
	font-size: 1.4em;
    font-weight: bold;
    color: #75808A;
}

H3  {
    font-size:  1.2em;
    font-weight:  bold;
    color: #75808A;
}

H4  {
    font-size:  1.2em;
    font-weight: bold;
    color: #75808A;
}

H5  {
    font-size:  1.1em;
    font-weight:    bold;
    color: #75808A;
}

H6  {
    font-size:  1.0em;
    font-weight:    bold;
    color: #75808A;
}


A:link  {
    font-size:  0.7em;
    text-transform: uppercase;
    font-weight:bold; 
    text-decoration:none;
    color:  #75808A;
    font-family: Verdana, Arial, Helvetica, Sans Serif;
}

A:visited   {
    font-size:  0.7em;
    font-weight:bold; 
    font-family: Verdana, Arial, Helvetica, Sans Serif;	    
    text-decoration:    none;
    color:  #cc0000;
}

A:active    {
    font-size:  0.7em;
    font-weight:bold; 
    font-family: Verdana, Arial, Helvetica, Sans Serif;    
    text-decoration:    none;
    color:  #75808A;
}

A:hover {
    font-size:  1.0em;
    font-family: Verdana, Arial, Helvetica, Sans Serif;    
    color:  #cc0000;
}

HR {
    color: #ededed;
    height:1pt;
    text-align:left
}