/*
 * feuille specifique à la page d'accueil
 * par defaut pour résolution > 1024*768 
 */
@import url('reset.css');

body{ background:#f0f0f0; 
zoom: 1.0;
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
}

.conteneur{
background:#fff;
border-left:#cfcfcf 1px solid;
border-right:#cfcfcf 1px solid;
margin: 0 auto;
overflow:visible;
position:relative;
width: 800px;
}
* html .conteneur {/* Que pour IE */
zoom:1;
}

.conteneur tbody label.right {
text-align:right;
padding:0 0.5em 0 0;
margin:0;
vertical-align:middle;
float:right;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
font-weight:normal;
}
.conteneur tbody input {
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #4b616c;
	text-align: center;
	vertical-align: middle;
}
.left {	text-align:left;}

.center {	text-align:center;}
.right {	text-align:right;}

.header{
background:url(images/fonds/fond_index.jpg) no-repeat;
height: 139px;
padding-top: 10px;
}
.headerpasse{
background: url(images/fonds/fond_passe-oublie.jpg) no-repeat;
height: 139px;
padding-top: 10px;
}


h1{
width:780px;
height:34px;
font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
padding-top:10px;
margin-left:10px;
}

.blue{ background:#8fceed; }

.gpec{ float:left; width:380px; text-align:center; padding-left:10px; }
.header a.carte { display:block; width:160px; height:130px; margin-left:-10px; float:left; cursor:pointer;}

.mdp{padding-left:100px; float:left; width:150px;}

h2 {
color:#768b10;
font: bold 2em Verdana, Arial, Helvetica, sans-serif;
margin-bottom:0.25em;
letter-spacing:0.3em;
}
	h2 a{text-decoration:none;color:#768b10;}
	h2 a:hover{color:#00CC00;text-decoration:underline;}

h3{
color:#49555c;
font:bold 1em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.2em;
}
	h3 a{color:#49555c;text-decoration:none;}
	h3 a:hover{color:#333333;text-decoration:underline;}

h5{
margin-left:25px;
font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
color:white;
padding-top:3px;
padding-left:10px;
height:17px;
background:#ec6d3a;
margin-right:500px;
margin-bottom:5px;
margin-top:15px;
}

h6{
font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
color:#4f4d4d;
background: #f8d14b;
height:15px;
padding-top:2px;
padding-left:5px;
margin-left:50px;
margin-right:250px;
margin-top:10px;
}

/**
liens aux couleur et styles identique aux deux listes */
ul#topform a, ul#tabs3 a  {color:#0066CC; text-decoration:none;}
ul#topform a:hover, ul#tabs3 a:hover  {color:#0099FF; text-decoration:underline;}


/** error **/
div.header div.mdp div.postinvalide {
	color:#EC6D3A;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:170%;
	padding:0 40px 0 0;
	text-align:center;
}
	div.header div.mdp div.postinvalide .titre {
		padding-top:1.3em;
		text-transform:uppercase;
		white-space:nowrap;
	}
	div.header div.mdp div.postinvalide .texte {
		font-weight:normal;
		line-height:140%;
		padding-top:0.5em;
	}
	div.header div.mdp div.postinvalide a.retour {
		color: #293d87;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 3.5em;
		text-decoration: underline;
	}
		div.header div.mdp div.postinvalide a.retour:hover {
			color: #394160;
			text-decoration: underline;
		}
		
/** success **/
div.header div.mdp div.postvalide {
	color:#9ec53a;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:.5em 40px 0 0;
	text-align:center;
}
	div.postvalide .titre {
		display:block;
		text-transform:uppercase;
		white-space:normal;
		line-height:150%;
		padding-bottom:.5em;
	}
	div.postvalide ul#topform {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	ul#topform li, 
	ul#topform li .tabL, 
	ul#topform li .tabM, 
	ul#topform li .tabR { 
	height:33px;
	}

	ul#topform li { 
	display:block;
	line-height:33px;
	overflow:hidden;
	margin-bottom:.5em;
	}

	ul#topform li .tabL, 
	ul#topform li .tabM, 
	ul#topform li .tabR { 
	float:left;
	background-image: url(images/puces/tabs3_door.png);
	background-color:transparent;
	}
		ul#topform li .tabL {
		width:4px;
		background-position: left top;
		background-repeat: no-repeat;
		}
		ul#topform li .tabM {
		width:96px;
		background-position: left -33px;
		background-repeat: repeat-x;
		}
		ul#topform li .tabR {
		width:4px;
		background-position: right bottom;
		background-repeat: no-repeat;
		}
	
	ul#topform a {
		padding-top:6px;
		font: bold 1em/11px Arial, Helvetica, sans-serif;
	}
	ul#topform a.oneline { padding-top:0; line-height:33px; }/*lien sur 1 seule ligne*/

.txt{
font:0.7em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0.05em;
}
	.txt a{text-decoration:none;color:#333333;}
	.txt a:hover{text-decoration:underline;}			
			
.txtaccueil{
font:0.7em Verdana, Arial, Helvetica, sans-serif;
margin-left:25px;
margin-right:75px;
}

.txtaccueilleft{
padding-left:25px;
padding-top:5px;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
margin-left:25px;
margin-right:75px;
line-height:17px;
}


/*
******************************* 3 colonnes page partenaires ***********************************/

.part{
float:left;
width:266px;
height:62px;
text-align:center;
margin-bottom:5px;
}
.part a{
font:  0.7em Verdana, Arial, Helvetica, sans-serif;
color:#CC6600;

text-decoration:none;
}

.part a:hover{
color:#000000;
text-decoration:underline;
}
/*
**************************** 3 colonnes page index *****************************************/
.b1, .b2,.b3{
float:left;
width:250px;
}
.b1{
margin-left:10px;
}

.b2{
background:#333333;
margin-left:15px;
margin-right:15px;
}	

.b3{
background:#CCCCCC;
}	
	
h4{
color:#FFFFFF;
background:#ec6d3a;
height:45px;
font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
padding-top:5px;
}
.b1,b2,b3, .menu {height:200px;}	

.b1 ul {background: #f8d14b url(images/fonds/1analyser.jpg) no-repeat bottom;}
.b2 ul {background: #f8d14b url(images/fonds/2analyser.jpg) no-repeat bottom;}
.b3 ul { background: #f8d14b url(images/fonds/3analyser.jpg) no-repeat bottom;}

.menu {
color:#4f4d4d;
padding-left:20px;
padding-top:5px;
font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
}
.menu li{list-style: outside disc;}

.adapter {
width:360px;
margin-left:10px;
background: #c4b4b4 ;
float:left;
}
.adapter .menu { height:102px;}
.adapterBloc2 {
width:420px;
background: #c4b4b4 url(images/fonds/4analyser.jpg) no-repeat right top;
float:left;
height: 107px;
font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
color:#4f4d4d;
}

	


/*nav */
.bas{
width: 802px;
height: auto;
position:relative;
margin-right: auto;
margin-left: auto;
background:transparent url(images/fonds/6-bas.png) no-repeat left bottom ;
}

/* tabs en bas */

/* nav */
#bottomnav {
width: 802px;
position:relative;
margin-right: auto;
margin-left: auto;
}

	ul#tabs3 {
	line-height:1em;
	list-style-type:none;
	margin:0 auto;
	color:#444;
	height:33px;
	margin-left:17px;
	padding:5px 0 10px 0;
	}
		ul#tabs3 li, 
		ul#tabs3 li .tabL, 
		ul#tabs3 li .tabM, 
		ul#tabs3 li .tabR { 
		height:33px;
		}

		ul#tabs3 li { 
		display:block; 
		float:left; 
		width:auto; 
		font:0.7em Verdana, Geneva, sans-serif; font-weight:bold; text-align:center; 
		margin:0 0 0 7px;
		padding:0;
		line-height:33px;
		}
	
		ul#tabs3 li .tabL, 
		ul#tabs3 li .tabM, 
		ul#tabs3 li .tabR { 
		float:left;
		background-image: url(images/puces/tabs3_door.png) ;
		background-color:transparent;
		}
			ul#tabs3 li .tabL {
			width:4px;
			background-position: left top;
			background-repeat: no-repeat;
			}
			ul#tabs3 li .tabM {
			width:auto;
			background-position: left -33px;
			background-repeat: repeat-x;
			}
			ul#tabs3 li .tabR {
			width:4px;
			background-position: right bottom;
			background-repeat: no-repeat;
			}
			
			ul#tabs3 li.spacer { width:2px; border:0 none; }
			ul#tabs3 li.normal { font-weight:normal; }
			ul#tabs3 li a { padding:0 2px;  }

/**
Mentions légales */
.mentionslegales ul{
margin:0 0 0 45px;
padding:0;
list-style-position: outside;
}
.mentionslegales ul li {list-style-type: disc;margin:10px 0;}
.mentionslegales ul li li{list-style-type: circle;}


/********************************************************************************************************/
/******************************* alert error ************************************************************/

.alert{background:#ec6d3a;color:#444;}

.alert_msg {
	margin-top:-9px;
	color:#ee6d3a;
	min-height:43px;	
	max-height:43px;
	overflow:hidden;
	border: 0px none;	
	background: transparent url(images/bandeau_login_erreur.png) no-repeat 0 0;
	font: bold 0.8em/43px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.alertsucces{background:#72df36;color:#fff;}

.error, .succes{
	letter-spacing:0;
	margin-left:10px;
	padding-left:30px;
	width:750px;
	height:51px;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:center;
	padding-top: 10px;
	}
	.error { background:url(images/fonds/11-alert-mail.jpg) no-repeat; }
	.succes { background:url(images/fonds/alert-succes.png) no-repeat; }
.error a, .succes a {	text-decoration:underline; line-height:140%;}	

/* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
.clearfix {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	background-color:transparent;
}
* html .clearfix {/* Que pour IE */
zoom:1;
}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
/** clearfix hack for ie6+ */
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 


/*
IE 6 Spécifiques **/
.ie6 .b1{margin-left:5px;}
.ie6 .conteneur{border:1px;}
.ie6 .adapter{margin-left:5px;}