/*
--------------------- global ---------------------
*/

* {padding:0;margin:0;}
ul {list-style-type:none;}
a {text-decoration:none;}
a:focus {outline:0;}
img {border: 0;}
body { 	
	font:.70em "Helvetica", Arial, sans-serif;
	background-color:#fff;
	line-height:1.2em;
	color:#333;
	}
a.lien {color:#000; text-decoration:underline; font-weight:bold;}
a.lien:hover {color:#7d187a;}
a.savoir_plus {
	display:block;
	color:#b0b1b3;
	font-weight:bold;
	padding-left:20px;
	background-image: url(images/puce_savoirplus.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	margin:10px 0;
	}
a.savoir_plus:hover {color:#646466; text-decoration:underline;}
.fer_a_droite {float:right;}
h1 {
	font-weight:normal;
	color:#000;font-size:36px;
	line-height:42px;
	margin-bottom:20px;
	}
h2 {
	margin:20px 0 15px 0;
	text-indent:50px;
	font-size:19px;
	background-image:url(images/puce_mvs.jpg);
	background-position:left 0px;
	background-repeat:no-repeat;
	}
h3 {color:#000; line-height:1.6em;margin:15px 0 10px 0;}
#container {
	margin:0 auto;
	width:880px;
	background-image: url(images/fond_container.jpg);
	background-position:0 174px;
	background-repeat:no-repeat;
	}
/*
--------------------- header ---------------------
*/
#header { 
	float:left;
	width:880px;
	height:173px;
	background-image:url(images/fond_header.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	border-bottom:#d0d0d1 solid 1px;
	margin-bottom:50px;
	}
#header h1 {position:absolute; top:-5000px; left:-5000px;}
#header img {position:relative;float:left;top:57px;}
.espace_client {
	position:relative;
	float:right;
	width: 320px;
	height:118px;
	background-image:url(images/fond_login.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.espace_client p {padding:0 0 0 40px;}
.espace_client h6 {
	display:block;
	width:240px;
	font-size:16px;
	margin:20px 0 5px 40px;
	padding-bottom:5px;
	border-bottom:#d0d0d1 solid 1px;
	font-weight:normal;
	}
.ok {
	position:relative;
	float:right;
	width:32px;
	height:23px;
	right:40px;
	bottom:0px;
	font-weight:bold;
	background-image:url(images/fond_button.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	padding:6px 0px;
	}
/*
--------------------- navigation ---------------------
*/
#menu {
	position:relative;
	width:400px;
	padding-left:530px;
	top: 30px;
	font-weight:bold;
	letter-spacing:1px;
	}
#menu li {float:left;position:relative;}
#menu li ul {
	position:absolute;
	margin-top:0px;
	display:none;
}

/* ******************************************************************* */
/* on affiche le sous menu */
#menu li:hover ul, #menu li.over ul {display:block;}

/* ******************************************************************* */
/* on style les liens*/
#menu a {
	display:block;
	padding:2px 7px 0 7px;
	color:#000;
	border-left:solid 1px #d0d0d1;
	}
#menu a:hover {color:#b0b1b3;}
#menu ul a {
	display:block;
	width:110px;
	height:20px;
	padding:7px 7px 0 7px;
	background-image: url(images/fond_menu.png);
	background-repeat:repeat;
	border-bottom:1px solid #fff;
}
#menu ul a:hover{color:#707072;}
#menu ul a.first {padding:12px 7px 0 7px;}
#menu li a.active {color:#b0b1b3; cursor:default;}
/*
--------------------- col_gauche ---------------------
*/
#col_gauche {
	float:left;
	width:271px;
	border-top:#000 solid 5px;
	padding-top:2px;
	padding-bottom:30px;
	margin-right:38px;
	background-image:url(images/motif2.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.sous_menu li a {
	display:block;
	width:270px;
	height:47px;
	margin-bottom:2px;
	}
.sous_menu span {visibility:hidden;}
a.internet, a.developpement, a.formation, a.produits {background-position:top left;background-repeat:no-repeat;}
a.internet {background-image:url(images/img_internet_over.jpg);}
a.developpement {background-image:url(images/img_developper_over.jpg);}
a.formation {background-image:url(images/img_formation_over.jpg);}
a.produits {background-image:url(images/img_produits_over.jpg);}

a.internet:hover {background-image:url(images/img_internet.jpg);}
a.developpement:hover {background-image:url(images/img_developper.jpg);}
a.formation:hover {background-image:url(images/img_formation.jpg);}
a.produits:hover {background-image:url(images/img_produits.jpg);}

a.internet_active, a.internet_active:hover {background-image:url(images/img_internet.jpg); cursor:default;}
a.developpement_active, a.developpement_active:hover {background-image:url(images/img_developper.jpg); cursor:default;}
a.formation_active, a.formation_active:hover {background-image:url(images/img_formation.jpg); cursor:default;}
a.produits_active, a.produits_active:hover {background-image:url(images/img_produits.jpg); cursor:default;}

.niveau3 a {
	display:block;
	border-bottom:#d0d0d1 solid 1px;
	}
a.sans_filet {
	border-bottom:none;
	}
.niveau3 a.current, .niveau3 a.current:hover {
	background-color:#696969;
	color:#fff;
	cursor:default;
	}
.niveau3 a {
	padding:8px 0 8px 20px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	}
.niveau3 a:hover {
	background-color:#696969;
	color:#fff;
	}
	
.bloc_info {
	float:left;
	width:270px;
	min-height:140px;
	border-top:#000 solid 5px;
	border-bottom:#d0d0d1 solid 1px;
	padding-top:7px;
	padding-bottom:30px;
	margin-right:35px;
	margin-bottom:85px;
	background-image:url(images/puce_mvs2.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.bloc_info_last {
	float:left;
	width:270px;
	min-height:140px;
	border-top:#d5b5d4 solid 5px;
	border-bottom:#d0d0d1 solid 1px;
	padding-top:7px;
	padding-bottom:30px;
	margin-bottom:85px;
	background-image:url(images/puce_mvs2.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:justify;
	}
.bloc_info img, .bloc_info_last img {margin-bottom:15px;}
.bloc_info p, .bloc_info_last p {margin-bottom:10px;}
.bloc_info span,, .bloc_info_last span {font-weight:bold;color:#7d187a;}
.filet_gris_moyen {border-top:#707072 solid 5px;}
.filet_gris_clair {border-top:#b0b1b3 solid 5px;}
#col_gauche ul {margin:5px 0;}
#col_gauche ul.liste {
	float:left;
	list-style-image:url(images/puce_liste.gif);
	list-style-position:outside;
	line-height:140%;
	color:#000;
	padding-left:15px;
	font-weight:bold;
	}
#col_gauche h3 {
	float:left;
	width:270px;
	font-size:24px;
	font-weight:normal;
	color:#000;
	line-height:28px;
	border-top:#b0b1b3 solid 5px;
	padding-top:6px;
	}
.date {font-weight:bold; color:#f3d100;}
.separateur {
	float:left;
	width:271px;
	height:20px;
	background-image: url(images/fond_separateur.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	border-top:#d0d0d1 solid 1px;
	margin-top:10px;
	}
/*
--------------------- col_droite ---------------------
*/
#col_droite {
	float:left;
	width:571px;
	border-top:#707072 solid 5px;
	border-bottom:#d0d0d1 solid 1px;
	padding-top:10px;
	padding-bottom:30px;
	margin-bottom:65px;
	}
#col_droite .liste {
	list-style-image:url(images/puce_liste.gif);
	list-style-position:inside;
	line-height:140%;
	text-indent:-15px;
	padding-left:15px;
	}
#col_droite span {font-weight:bold;color:#7d187a;}
#col_droite strong {font-weight:bold;color:#000;}
.bloc_ref {
	float:left;
	width:244px;
	min-height:230px;
	margin-right:25px;
	margin-bottom:25px;
	border-bottom:#d0d0d1 solid 1px;
	padding-bottom:10px;
	}
.bloc_ref h4 {line-height:2em;}
.bloc_ref a {color:#000; font-size:13px;}
.bloc_ref img {margin-bottom:5px;}

/*
--------------------- footer ---------------------
*/
#footer {
	clear:both;
	border-top:#d0d0d1 solid 1px;
	background-image: url(images/fond_container.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:10px 0;
	height:30px;
	}
.navigation_footer {float:left;}
.navigation_footer ul {list-style: none;}
.navigation_footer li {display: inline;} 
.navigation_footer a {
	color: #707070;
	text-decoration: none;
	font-size:9px;
	font-weight:bold;
	} 
.navigation_footer :hover  {color:#000;}
.navigation_footer li span {
	margin: 0 5px 0 5px;
	display:inline;
	color: #999;	
	font-size:80%;
	}
.bloc_adresse {
	position:relative;
	float:right;
	bottom:50px;	/* -- hauteur bloc -- */
	margin:-50px 0; /* -- compenser la hauteur du bloc -- */
	width:320px;
	height:182px;
	background-image:url(images/fond_bloc_adresse.png);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:1.4em;
	}
.bloc_adresse p {
	color:#000;
	margin-top:50px;
	margin-left:40px;
	}
.bloc_adresse a {color:#000;}
.bloc_adresse a:hover {color:#646466;text-decoration:underline;}

/*
--------------------- espace clients ---------------------
*/
.loginform {width:250px;}
label {float:left;width:250px; height:20px; font-weight:bold;}
.inputbox {
	float:left;
	width:200px;
	height:20px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	margin-bottom:15px;
	}
a.lienrouge {
	float:left;
	width:250px;
	color:red;
	font-weight:bold;
	height:20px;
	}
a.lienrouge:hover {color:#999; text-decoration:underline;}
.loginsubmit {
	float:right;
	width:32px;
	height:23px;
	font-weight:bold;
	background-image:url(images/fond_button.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	border:none;
	margin-right:50px;
	}