/* CSS Document */

/* GENERAL */

html,body {
	background-color: #ffffff;
	margin:0px;
	width:100%;
	padding: 0px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	text-align:center;
	position:absolute;
	}
	
a {
	font-weight: bold;
	color:#5A5A5A;
	text-decoration:none;
	}
	
a:hover{
	font-weight: bold;
	color:#7DB603;
	text-decoration:none;
	}
a img {
	border:none;
	}
a.lien {
	font-weight: normal;
	color:#000000;
	text-decoration:none;
	}
	
a.lien:hover{
	font-weight: normal;
	color:#7DB603;
	text-decoration:none;
	} 	
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.separation2 {
	clear:left;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}

a.admin {
	font-size:10px;
	color:#FFFFFF;
	}
a:hover.admin {
	font-size:10px;
	color:#FFFFFF;
	}

#contenu {
	margin:0px auto 0px auto;
	padding:0px;
	width:950px;
	position:relative;
	}

/*Bandeau haut*/
	
#bandeau {
	margin:0px;
	padding:0px;
	font-size:9px;
	color:#C2C3C5;
	text-align:right;
	position:relative;
	}


/*Bloc contenant la navigation et la page*/	
	
#page {
	margin:0px 0px 0px 19px;
	padding:0px;
	width:931px;
	background-image:url(garantie-mecanique/fond-page.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#EEEEEE;
	position:relative;
	text-align:left;	
	}

/*Navigation*/	
	
#navigation {
	margin:0px;
	padding:0px;
	width:608px;
	height:35px;
	float:right;
	text-align:left;
	position:relative;
	}
#navigation img {
	margin:0px 6px 0px 0px;
	padding:0px;
	position:relative;
	}

/*Structure des contenus*/

/*image en float:left, directement dans la page + marge haute ex : N° INDIGO*/
.imageg {
	float:left;
	margin:17px 0px 0px 13px;
	padding:0px;
	position:relative;
	}
/*image en float:left, directement dans la page + SANS marge haute ex : N° garanties*/
.imageg2 {
	float:left;
	margin:0px 0px 0px 13px;
	padding:0px;
	position:relative;
	}

/*BLOCS ACCUEIL*/
/*structure accueil (en 2 colonnes)*/
#gauche_a {
	width:440px;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	}
#droite_a {
	width:470px;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	}

/*bloc ACCEUIL avec bordure grise et fond blanc, marge haute de 20px */
#bloc_g_a {
	float:left;
	margin:20px 23px 0px 0px;
	left:13px;
	padding:0px;
	border: solid 1px #878686;
	background-color:#FFFFFF;
	position:relative;
	}

#bloc_g_a p {
	float:left;
	margin:5px;
	padding:0px;
	font-size:10px;
	position:relative;
	color:#000000;
	}
#bloc_g_a img {
	margin:0px;
	padding:0px;
	
	}
/*bloc ACCUEIL sans bordure et sans fond, marge haute de 20px */
.bloc_a {
	float:left;
	margin:20px 0px 0px 13px;
	padding:0px;
	position:relative;
	font-size:10px;
	color:#5A5A5A;
	}

.bloc_a img {
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}	
.bloc_a img.gauche {
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
}	
/*paragraphe sans bordure et avec fond BLANC, marge haute de 20px */
.info {
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:left;
	position:relative;
	background-color:#FFFFFF;
	font-size:10px;
	color:#000000;
	}
/*structure pages */
.colonne {
	width:280px;
	margin:10px 0px 0px 13px;
	padding:0px;
	float:left;
	position:relative;
	}	
.colonne p {
	margin:5px;
	padding:0px;
	font-size:10px;
	text-align:justify;
	position:relative;
	color:#000000;
	}
.colonne span{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}

.colonne h1 {
	margin:5px;
	padding:0px;
	font-size:13px;
	position:relative;
	color:#71A501;
	}
.colonne h2 {
	margin:5px;
	padding:0px;
	font-size:12px;
	position:relative;
	color:#FF7E00;
	}
.colonne img {
	margin:0px;
	padding:0px;
	
	}
.colonne p img {
	margin:5px;
	padding:0px;
	
	}
.colonne span img {
	margin:10px 90px 3px 3px;
	padding:0px;
	float:right;
	position:relative;
	}
/*bloc avec bordure grise et fond blanc, marge haute de 20px */
.bloc_blanc {
	margin:20px 0px 0px 0px;
	padding:0px;
	border: solid 1px #878686;
	background-color:#FFFFFF;
	position:relative;
	}

.bloc_blanc p {
	margin:5px;
	padding:0px;
	font-size:11px;
	text-align:justify;
	position:relative;
	color:#000000;
	}
.bloc_blanc span{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}
.bloc_blanc table {
	width:98%;
	border-collapse:collapse;
	background-color:#E7E7E7;
	border: 1px solid #878686;
	margin:0px 0px 0px 5px;
	}
.bloc_blanc h1 {
	margin:5px;
	padding:0px;
	font-size:13px;
	position:relative;
	color:#71A501;
	}

.bloc_blanc h2 {
	margin:5px;
	padding:0px;
	font-size:12px;
	position:relative;
	color:#FF7E00;
	}
.bloc_blanc img {
	margin:0px;
	padding:0px;
	
	}
.bloc_blanc p span img {
	margin:3px;
	padding:0px;
	float:left;
	position:relative;
	}
.bloc_blanc span img {
	margin:10px 90px 3px 3px;
	padding:0px;
	float:right;
	position:relative;
	}
/*bloc sans bordure et sans fond, marge haute de 20px */
.bloc {
	margin:20px 40px 0px 0px;
	padding:0px;
	left:40px;
	width:550px;
	float:left;
	position:relative;
	font-size:11px;
	color:#5A5A5A;
	}
.bloc img {
	margin:5px;
	padding:0px;
	float:left;
	position:relative;
}
.bloc p span img {
	margin:5px;
	padding:0px;
	float:right;
	position:relative;
}
.bloc p span a img  {
	float:none;
	margin:0px;
	padding:0px;
	position:relative;
	}		
.bloc p img {
	margin:5px;
	padding:0px;
	float:none;
	position:relative;
}
.bloc table {
	width:55%;
	border-collapse:collapse;
	background-color:#FFFFFF;
	border: 1px solid #878686;
	margin:0px 0px 0px 5px;
	}
.bloc span{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}	
.bloc p {
	margin:5px;
	padding:0px;
	font-size:12px;
	text-align:justify;
	position:relative;
	}
.bloc h1{
	margin:5px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	color:#71A501;
	}
.bloc h2 {
	margin:5px;
	padding:0px;
	font-size:12px;
	position:relative;
	color:#FF7E00;
	}
/*le même avec les p écrits plus petit*/

.bloc2 {
	margin:20px 0px 0px 40px;
	padding:0px;
	width:550px;
	float:left;
	position:relative;
	font-size:11px;
	color:#5A5A5A;
	}
.bloc2 img {
	margin:5px;
	padding:0px;
	float:left;
	position:relative;
}
.bloc2 p span img {
	margin:5px;
	padding:0px;
	float:right;
	position:relative;
}	
.bloc2 h3 span img {
	margin:5px;
	padding:0px;
	float:right;
	position:relative;
}	
.bloc2 p img {
	margin:5px;
	padding:0px;
	float:none;
	position:relative;
}
.bloc2 table {
	width:55%;
	border-collapse:collapse;
	background-color:#FFFFFF;
	border: 1px solid #878686;
	margin:0px 0px 0px 5px;
	}
.bloc2 span{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}		
.bloc2 p {
	margin:5px;
	padding:0px;
	font-size:10px;
	text-align:justify;
	position:relative;
	color:#000000;
	}
.bloc2 h3 {
	margin:5px 5px 5px 30px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	position:relative;
	color:#000000;
	}
.bloc2 h1{
	margin:5px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	color:#71A501;
	}
.bloc2 h2 {
	margin:5px;
	padding:0px;
	font-size:12px;
	position:relative;
	color:#FF7E00;
	}
.bloc2 h4{
	margin:0px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	background-color:#7F7E7E;
	text-align:left;
	position:relative;
	color:#FFFFFF;
	}
/*Bloc de toute la largeur de la page */
.bloc-large {
	margin:10px 0px 0px 13px;
	padding:0px;
	width:890px;
	float:left;
	position:relative;
	font-size:11px;
	color:#5A5A5A;
	}

.bloc-large p img {
	margin:5px;
	padding:0px;
	float:none;
	position:relative;
}	
.bloc-large p {
	margin:5px;
	padding:0px;
	font-size:12px;
	text-align:justify;
	position:relative;
	}
.bloc-large h1{
	margin:5px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	color:#71A501;
	}
.bloc-large h2 {
	margin:5px;
	padding:0px;
	font-size:12px;
	position:relative;
	color:#FF7E00;
	}	

	
/*styles du formulaire*/
#souscription2 {
	width:600px;
	margin:10px 0px 0px 13px;
	padding:0px;
	border: solid 1px #878686;
	background-color:#FFFFFF;
	float:left;
	position:relative;
	font-size:11px;
	color:#5A5A5A;
	}
#souscription2 img {
	margin:0px;
	padding:0px;
	float:none;
	position:relative;
}	
#souscription2 a img {
	margin:0px 0px 20px 230px;
	padding:0px;
	float:none;
	position:relative;
}
#souscription2 span a img {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:none;
	position:relative;
}		
#souscription2 table {
	width:590px;
	border-collapse:collapse;
	background-color:#FFFFFF;
	font-size:11px;
	border:none;
	margin:5px;
	}
#souscription2 span{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}
#souscription2 span a {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}			
#souscription2 p {
	margin:5px;
	padding:0px;
	font-size:11px;
	text-align:justify;
	position:relative;
	}
#souscription2 h1{
	margin:0px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	background-color:#E7E7E7;
	text-align:center;
	position:relative;
	color:#71A501;
	}
#souscription2 h2 {
	margin:5px;
	padding:0px;
	font-size:12px;
	position:relative;
	color:#FF7E00;
	}
#bulle {
	position:absolute;
	padding:4px;
	margin:0px;
	width:500px;
	top:0px;
	left:0px;
	color:#000000;
	text-align:justify;
	background-color:#F8F8F8;
	border:1px solid #7F7E7E;
	clear:both;
	z-index:1;
	visibility:hidden;
	
	}			
/*Navigation basse*/

#navigation_basse {
	margin:0px;
	padding:0px;
	width:900px;
	height:44px;
	text-align:center;
	position:relative;
	}
#navigation_basse a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	color:#5A5A5A;
	text-decoration:none;
	}
#navigation_basse a:hover {
	color:#7DB603;
	}