/* CSS Document by Exanov.fr*/


/*============================== Parametre globaux ==============================*/

* {
	margin: 0;
	padding: 0;
}

img{
	border:none;
}

body {
	font-family: Trebuchet MS, verdana, arial, sans-serif;
	color: #666;
	background-color: #F0F0F0;
	text-align: center;
}

#global {
	width: 950px;
	color:#000000;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#global h3{
	margin:-1px -1px 0pt;
	padding:1px 11px;
	position:relative;
	font-family:arial;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
}

#titreSite{
	text-align:left;
	color: #333333;
	width: 950px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-right: auto;
	margin-left: auto;
	text-decoration: underline;
}

#titrePage{
	width:613px;
	color: #FF3C00;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	background-repeat: no-repeat;
	margin-left: 2px;
	margin-bottom: 3px;
	line-height: 35px;
	text-align: right;
	padding-right: 20px;
	background-image: url(images/etiquette2.jpg);
}

#titreBasPage{
	width:613px;
	color: #FF3C00;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	background-repeat: no-repeat;
	margin-left: 2px;
	margin-bottom: 3px;
	line-height: 35px;
	text-align: right;
	padding-right: 20px;
	background-image: url(images/etiquette2envers.jpg);
}

.piedListing{
	clear:both;
	text-align:right;
	margin:0 10px 10px 0;
	font-size:12px;
}

.imgTitre{
	width:625px;
	height:120px;
	border:1px solid #A2D8EB;
	margin:0 5px 5px 5px;
}

.tableauStandard{
	font-size:10px;
	border-collapse:collapse;
	width:95%;
	margin:10px auto 10px auto;
}

.tableauStandard td {
	border-bottom: 1px solid #6495ed;
	width: 50%;
	padding: 5px;
	background-color: #ffffff;
}

/*=============================== Parametre header ===============================*/

#header {
	width: 950px;
	height: 120px;
	background-image: url(images/header.jpg);
}

#header_content {
	padding:3px 10px 0 10px;
}

#headerConnexion{
	margin-top:39px;
	margin-right: 14px;
	float: right;
	color: #FF3C00;
	font-size: small;
	font-weight: bold;
	width: 340px;
}
#boutonconnexion {
	float: right;
	margin-top: -25px;


	
}
.coin_header_hg {
	float: left;
	width: 22px;
	/*background:url(imgs/coin_header_hg.gif) no-repeat top left;*/
}

.coin_header_hd {
	float: right;
	width: 22px;
	/*background:url(imgs/coin_header_hd.gif) no-repeat top left;*/
}


/* elt header */

.logo {
	background-image: url(images/logo.gif);
	height: 94px;
	width: 208px;

}


/* ---------------------- */
/*        Liens           */
/* ---------------------- */

a {
	font: 1em Trebuchet MS, verdana, arial, sans-serif;
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #474747;
}
a:active {
	font-weight: bold;
}



/*=========================== Parametre navigation principale ==========================*/
#rappel_arbo{
	font-size:small;
	text-align:right;
	height: 20px;
	background-image: url(images/rapelarbo.jpg);
	width: 950px;
	color: #333333;
}
#rappel_arbo a{
	font-size:small;
	text-align:right;
	height: 20px;
	width: 950px;
	color: #000066;
}
#rappel_arbo a:hover{
	text-decoration: underline;
}

#navig {
	height: 41px;
	margin-bottom: 10px;
	position: relative;
	border-top: 1px solid #3BA8FF;
	border-bottom: 1px solid #3BA8FF;
	color: #100EC8;
	background-image: url(images/menu.jpg);
	font-size: 70%;
	line-height: 1.4em;
	width: 948px;
	margin-left: 1px;
}

ul#menuNavig{
	padding: 0;
	height: 42px;
	list-style-type: none;
}

ul#menuNavig li{
	float: left;
	height: 42px;
	margin: 0;
}

ul#menuNavig li a{
	float: left;
	height: 42px;
	line-height: 42px;
	font-family: Tahoma;
	display:block;
}

ul#menuNavig li a:hover{
	color:#FF3C00;
	font-weight: bold;
}


.navigationActuelle{
	background: #e6e6e6;
}

.boutonNavig_m {
	width: 158px;
	float: left;
}
.boutonNavig_m_m {
	text-align: center;
}
.boutonNavig_m_m a{
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	line-height: 41px;
	width: 144px;
}

.boutonNavig_m_d{
	background-image: url(images/separag.gif);
	width: 7px;
	height: 41px;
	float: right;
	/*margin-top: -41px;*/
	
}
.boutonNavig_m_g{
	background-image: url(images/separad.gif);
	height: 41px;
	width: 7px;
	float: left;
	
}

/*=========================== Parametre navigation secondaire ==========================*/

#navig_sous_arbo{
	width: 250px;
	float:left;
}

#menuNavigSous{
	display: block;
	padding:0;
	width:250px;
}

.zoneMenuNavigSous{
	float: left;
	background-image:url(images/degrade-titre-orange.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

.zoneMenuNavigSous a:hover{
	background-image: url(images/bt2.jpg);



}

.zoneMenuNavigSous a
{
	display:block;
	color:#333333;
	font-family:arial;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
	text-decoration: none;
	background-image: url(images/bt.jpg);
	height: 35px;
	width: 250px;
	line-height: 35px;
	text-indent: 12px;
}


.sousNavigationActuelle{
	background:url('images/vague-bleu.jpg') no-repeat top left;
	background-position:0% 18px;
}


/*================================ parametre zone contenu =========================*/

#content {
	padding: 10px;
	height:100%;
	width: 950px;
}


#content_main {
	width: 670px;
	float: right;
	margin-right: 10px;
}


#content_main label{
	display: inline ;
	float: left ;
	width: 170px ;
	font-weight: bold ;
	margin-left: 75px ;
}

#content_main input[type=button], input[type=submit]{
	color:#949494;
	border:1px #B8B8B8 solid;
	font-weight:bold;
}

#content_main input[type=submit]:hover {
	background: #999;
	color: #fff;
}

/*================ CADRES ENGLOBANT =====================*/

#cadre_englob {
	text-align: justify;
	border:1px solid #3BA8FF;
	padding:10px;
	width:95%;
	background-color: #f8f8f7;
	margin-bottom: 10px;
}

.contenuBloc{
	padding:5px;
	font-size:12px;
}
.contenuBloc a{
	text-decoration:none;
}
.contenuBloc a:hover{
	text-decoration:underline;
}

.blocBleu{
	border:1px solid #A2D8EB;
	margin:0 5px 5px 5px;
	background-color: #ffffff;
}

.blocBleu h3{
	background-image:url(images/degradest.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border:1px solid #A2D8EB;
	color:#333333;
	margin:2px;
	
}

.blocBleu h4{
	padding: 0;
	width: 100%;
	font-size: 12px;
	margin:5px 0 5px 0;
	color:#FF3C00;
}

.blocBleu li{
	margin-left:30px;
}

.blocOrange{
	border:1px solid #FFBB04;
	margin:0 5px 5px 5px;
	background-color: #ffffff;
}

.blocOrange ul{
	list-style-type:none;

}
.blocOrange li{
	clear:both;
	margin-bottom:10px;
}

.blocOrange h3{
	background-image:url(images/degrade-titre-orange.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border:1px solid #FFBB04;
	color:#18397C;
}

.blocOrange h4{
	padding: 0;
	width: 100%;
	font-size: 12px;
	margin:5px 0 5px 0;
	color:#FF3C00;
}



.zoneAide {
	margin:0 0 10px 0;
	background: #FCF9B1 url('images/bouton_aide.gif') no-repeat;
	border:1px #FE924A solid;
	width: 870px;
	padding: 5px 5px 5px 50px;
}


.zoneErreur {
	margin:0 0 10px 0px;
	background: #F4F2E8 url('images/important.gif') no-repeat;
	border:1px #F84234 solid;
	width: 870px;
	padding: 5px 5px 5px 50px;
}

.zoneErreur a{
	font-weight: bold;
}

/*================================== Parametre accueil ==============================*/

.zoneAccroche_1{
	float:left; 
	width:285px; 
	height:152px; 
	margin-left:10px;
}

.zoneAccroche_2{
	float:left; 
	width:550px; 
	height:152px; 
	margin-top:20px;
}

.zoneAccroche_2 h1{
	float:top; 
	text-align:right; 
	color: #ffbb37; 
	font-size: 2em;
}	

.zoneAccroche_2 p{
	text-align:right; 
	color: #ffbb37; 
	font-size: 1em;
}	

.zoneAccroche_2 a{
	color: #3BA8FF; 
}

.zoneAccroche_2 ul{
	float:left; 
	list-style-type: none;
}

.zoneAccroche_2 li{
	height: 30px; 
	font-size: 1.2em;
}
/*================================== Parametre modules ==============================*/

.module{
float:left;
margin: 5px 2px 5px 2px;
/*** bordure delimitation des modules : border: 3px solid #DAE4F3;*/
overflow-x:hidden;
text-align:center;
}


/*================================== Parametre footer ==============================*/

#footer {
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3BA8FF;
	background-image: url(images/footer.jpg);
	height: 130px;
}

#footer_content {
	text-align: center;
	color: #333333;
	font-size: x-small;
	font-weight: bold;
	margin-top: 10px;
}
#footer_content a {
	text-decoration: underline;
	color: #FF3900;
}
#footer_content a:hover {
	text-decoration: underline;
	color: #333399;
}

.coin_footer_bg {
	float: left;
	height: 14px;
	width: 15px;
	/*background:url(imgs/coin_footer_bg.gif) no-repeat top left;*/
}

.coin_footer_bd {
	float: right;
	height: 14px;
	width: 15px;
	/*background:url(imgs/coin_footer_bd.gif) no-repeat top left;*/
}

/*==================================lien  bas de parapgraphe identique au menu ==============================*/

.lienBasParagraphe {
		margin-left:55%;
		margin-top:20px;
		margin-right:15px;
}

.lienBasParagraphe a
{
	display:block;

	color:#333333;
	font-family:arial;
	font-weight:bold;
	font-family:Verdana;
	font-size:12px;
	text-decoration: none;
	background-image: url(images/bt.jpg);
	height: 35px;
	width: 250px;
	line-height: 35px;
	text-indent: 12px;
}

.lienBasParagraphe a:hover{
	background-image: url(images/bt2.jpg);
}


/*================================== comparatif et commande ==============================*/

	
#etapeCommande ul{
	list-style-type:none;
	height:30px;
}

#etapeCommande li{
	float:left;
	height:23px;
	margin:0px 0px 0px 0px;
	width:25%;
	text-align:center;
	font-size:11px;
	padding-top:7px;
}

.currentEtapeCommande{
	background-color: #eeeeee;
}
	
.comparatifHead{
	background:#fff url(head-compar.jpg);
	background-repeat: no-repeat;
	width:134px;
	height:43px;
	text-align:center;
	font-weight:bold;
}

.comparatifHead a{
	font-weight:bold;
}

.formuleCommander{
	background:#fff url(bouton-commander.jpg);
	background-repeat: no-repeat;
	background-position:0px 10px; 
	border-top:1px solid #49BCE8;
	width:134px;
	height:50px;
	text-align:center;
	font-weight:bold;
}

.formuleAll{
	border-top:1px solid #49BCE8;
	border-left:1px solid #49BCE8;
	border-right:1px solid #49BCE8;
	text-align:center;
	height:30px;
}
	
table.formules {
	border: 0px;
	margin: 10px auto;
	width:100%;
	padding:0;
}

table.formules td.feature {
	border-top:1px solid #49BCE8;
	height:30px;
	font-size:10px;
}


table.formules td.prixAll{
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:5px;
	border-left:1px solid #49BCE8;
	border-right:1px solid #49BCE8;
}
table.formules td.prixA 			{color:#5E8D1F;}
table.formules td.prixB 			{color:#A80E63;}
table.formules td.prixC 			{color:#2A5F90;}

#editoComparatif{
	font-size:11px; 
	width:350px; 
	text-align:justify; 
	margin:5px 0 0 270px;
}