/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
	margin:0;
	padding:0;
}
body,html{
	height:100%;
	/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
	scrollbar-base-color:#7d8a2e;---*/
}
html {
	background:#ffffff url(../images/bg1.jpg) repeat-x;
}
.bgindex {
	background:url(../images/bodyindex.jpg) top center no-repeat;
}
.bginterne {
	background:url(../images/bodyinterne.jpg) top center no-repeat;
}
/*---------------------------------------------------------
	 Contenu général 
 ---------------------------------------------------------*/
 
#container {
	position:relative;
	min-height:100%;
	height:auto;
	width:990px;
	margin:0 auto;
}


/*---------------------------------------------------------
		 Header
 ---------------------------------------------------------*/
#header {
	width:990px;
	height:109px;
	float:left;
	padding-top:5px;
	background:url(../images/header.jpg) bottom no-repeat;
}
#header #logo{
	width:355px;
	height:109px;
	float:left;
}
#header #logo a img {
	border:none;
}
#header .menu {
	width:113px;
	height:99px;
	float:left;
	padding:10px 13px 0 15px;
}
#header .menu h4{
	font-family:Calibri;
	font-size:15px;
	color:#0d9bcf;
}
#header .menu ul{
	width:113px;
	text-align:right;
	list-style:none;
	background:none;
	margin-top:4px;
}
#header .menu ul li{
	text-align:right;
	list-style:none;
	background:none;
	color:#686868;
	font-family:Calibri;
	font-size:13px;
	margin-bottom:4px !important;
}
#header .menu ul li a {
	color:#686868;
	font-family:Calibri;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
}
#header .menu ul li a:hover {
	color:#d86012;
	text-decoration:none;
}

#header #telephone {
	width:212px;
	height:109px;
	float:left;
	background:url(../images/telephone.jpg) no-repeat;
}
#header #telephone span {
	display:none;
}


/*---------------------------------------------------------
		 Bannière
 ---------------------------------------------------------*/
#container #baniere{
	width:570px;
	height:173px;
	float:left;

}
#container #baniere .unpack {
	width:100%;
}
#container #baniere .txtpack {
	float:left;
	text-align:left;
	width:100%;
	height:157px;
	padding-top:10px;
}

/*#container #baniere .txtpack1 {
	float:left;
	text-align:left;
	width:220px;
	height:157px;
	padding-top:10px;
	padding-left:20px;
}
*/


#container #baniere .txtpack p {
	font-family:Calibri;
	font-size:12px;
	color:#9d9d9d;
	font-weight:bold;
	text-align:left;
	line-height:21px;
	margin-bottom:8px !important;
	letter-spacing:1px;
}

/*#container #baniere .txtpack1 p 

{
	font-family:Calibri;
		font-weight:bold;
	font-size:12px;
	color:#9d9d9d;
	text-align:left;
	line-height:19px;
	margin-bottom:5px !important;
		letter-spacing:1px;
}*/
#container #baniere .txtpack h4 {
	font-family:Calibri;
	font-size:14px;
	color:#ff5400;
	text-align:right;
	margin-bottom:10px;
}
#container #baniere .txtpack .boutpack  {
	width:150px;
	height:29px;
	float:right;
	background:url(../images/boutpack.jpg) right no-repeat;
	cursor:pointer;
	color:#ff5400;
	font:14px/29px bold Calibri, Arial, Helvetica, sans-serif;
	font-family:Calibri;
	font-size:14px;
	font-weight:bold;
	padding-right:35px;
}
#container #baniere .visuelpack {
	float:right;
	width:137px;
	height:173px;
}
#container #realisation {
	float:left;
	width:990px;
	height:338px;
	background:url(../images/bgrealisation.jpg) no-repeat;
}
#container #realisation .unerea {
	width:720px;
	height:338px;
	background:none !important;
}
#container #realisation #s7 {
	float:left;
	width:321px;
	height:309px;
	margin-right:32px;
}

#container #realisation #s7 .visuelReaCouverturetoit {
	float:left;
	width:321px;
	height:309px;
	background-image:url(../images/couverture-toit.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/couverture-toit.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelReaAquathermic {
	float:left;
	width:321px;
	height:309px;
	background-image:url(../images/aquatermic.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/aquatermic.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelReaCoachissimo {
	float:left;
	width:321px;
	height:309px;
	background-image:url(../images/coachissimo.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/coachissimo.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelGenasKarting {
	float:left;
	width:321px;
	height:305px;
	background-image:url(../images/genas-karting.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/genas-karting.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelToyota {
	float:left;
	width:321px;
	height:305px;
	background-image:url(../images/toyota.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/toyota.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelPeugoet {
	float:left;
	width:321px;
	height:305px;
	background-image:url(../images/peugoet.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/peugoet.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelPrivyMag {
	float:left;
	width:321px;
	height:305px;
	background-image:url(../images/privymag.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/privymag.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelCoupdoeil{
	float:left;
	width:321px;
	height:305px;
	background-image:url(../images/coupdoeil.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/coupdoeil.png', sizingMethod='crop');
}
#container #realisation #s7 .visuelReaComaxess {
	float:left;
	width:321px;
	height:309px;
	background-image:url(../images/comaxessrea.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comaxessrea.png', sizingMethod='crop');
}
#container #realisation #s8 {
	float:left;
	width:350px;
	height:251px;
	margin-top:35px;
	background:none !important;
}
#container #realisation .txtRea {
	float:left;
	width:350px;
	height:251px;
	background:none !important;
}
#container #realisation .txtRea h4 {
	font-family:Calibri;
	font-size:15px;
	color:#0c96cb;
	margin-bottom:10px;
}
#container #realisation .txtRea p.descRea {
	font-family:Calibri;
	font-size:12px;
	color:#a9a9a9;
	text-align:justify;
	height:75px;
	overflow:hidden;
	line-height:15px;
	margin-bottom:30px;
}
#container #realisation .txtRea h5 {
	font-family:Calibri;
	font-size:13px;
	color:#00496a;
	margin-bottom:2px !important;
}
#container #realisation .txtRea p.temRea {
	font-family:Calibri;
	font-size:12px;
	color:#fff;
	text-align:justify;
	height:68px;
	overflow:hidden;
	line-height:14px;
	margin-bottom:0px;
	font-weight:normal;
	padding-top:5px !important;
}
#container #realisation .txtRea p a {
	font-family:Calibri;
	font-size:12px;
	color:#ff6f00;
	background:url(../images/lienrea.jpg) left no-repeat;
	width:75px;
	float:right;
	text-align:right;
	padding-left:10px;
	text-decoration:none;
}
/*---------------------------------------------------------
					Contenu textuel
 ---------------------------------------------------------*/
#contenuTextGeneral {
	width:990px;
	float:left;
	min-height:320px;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
}
#contenuTextGeneral #Pub {
	width:185px;
	height:270px;
	float:right;
	margin-top:20px;
	background:url(../images/bgpub.jpg) no-repeat;
	padding:20px 10px 10px 10px;
	
}
#contenuTextGeneral #Pub #pictopub {
	position:absolute;
	width:66px;
	height:63px;
	top:910px;
	right:-20px;
	background:url(../images/pictopub.png) no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pictopub.png', sizingMethod='crop');
}
#contenuTextGeneral #Pub p {
	font-size:16px;
	text-align:center;
	font-weight:bold;
	line-height:21px;
}
#contenuTextGeneral #Pubinterne {
	width:205px;
	min-height:300px;
	padding-top:310px;
	float:right;
}

#contenuTextGeneral #contGche {
	width:763px;
	float:left;
	min-height:300px;
	height:auto;
	margin-top:20px;
	padding-bottom:20px;
	
}

/* --------------------- Actualites --------------------- */
#contenuTextGeneral #contGche #actualite {
	width:363px;
	float:left;
	height:138px;
	margin-bottom:18px;
}
#contenuTextGeneral #contGche #actualite h4 {
	background:url(../images/bgactu.png) no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgactu.png', sizingMethod='crop');
	height:28px;
	padding-left:68px;
	padding-top:17px;
}
#contenuTextGeneral .chapeau {
	font:14px bold Calibri;
	font-family:Calibri;
	margin-bottom:5px;
	font-weight:bold;
}
#contenuTextGeneral .desactuindex {
	font:14px normal Calibri;
	font-family:Calibri;
	color:#9e9e9e;
	line-height:16px;
	height:50px;
	overflow:hidden;
	margin-bottom:0px;
}
#contenuTextGeneral .lienactuindex {
	float:right;
	width:93px;
	height:17px;
	background:url(../images/savoirplus.jpg) no-repeat;
}
#contenuTextGeneral .promo {
	float:left;
	width:125px;
	height:72px;
	margin-right:10px;
	background:url(../images/promo.jpg) no-repeat;
}

/* --------------------- QCMS --------------------- */
#contenuTextGeneral #contGche #qcm {
	width:363px;
	float:right;
	height:138px;
	margin-bottom:18px;
}
#contenuTextGeneral #contGche #qcm h4 {
	background:url(../images/qcm.jpg) no-repeat;
	height:30px;
	padding-left:40px;
	padding-top:17px;
}

#contenuTextGeneral #contGche #qcm .desqcm {
	font:14px normal Calibri;
	font-family:Calibri;
	color:#9e9e9e;
	line-height:16px;
	height:20px;
	overflow:hidden;
	margin-bottom:5px;
}
#contenuTextGeneral #contGche #qcm #formqcm {
	height:20px;
	margin-bottom:8px;
}
#contenuTextGeneral #contGche #qcm #formqcm label {
	font:12px normal Calibri;
	color:#9e9e9e;
	font-family:Calibri;
	margin-right:10px;
}
#contenuTextGeneral #contGche #qcm #formqcm .radio {
	width:15px;
	background:none;
	border:none;
}
#contenuTextGeneral #contGche #qcm .lienqcm {
	width:63px;
	height:17px;
	background:url(../images/lienqcm.jpg) no-repeat;
}


/* --------------------- module de paiement --------------------- */
#contenuTextGeneral #contGche #modlpai {
	width:363px;
	float:left;
	height:135px;
}
#contenuTextGeneral #contGche #modlpai h4 {
	background:url(../images/paiement.jpg) no-repeat;
	height:50px;
	padding-left:55px;
	padding-top:17px;
	text-transform:none !important;
}

#contenuTextGeneral #contGche #modlpai img, #contenuTextGeneral #contGche #comprateurprix img {
	float:left;
	width:68px;
	height:29px;
	border:1px solid #ccc;
}
#contenuTextGeneral #contGche #modlpai img.espace, #contenuTextGeneral #contGche #comprateurprix img.espace {
	margin-right:3px;
	margin-bottom:10px;
}
#contenuTextGeneral #contGche #modlpai img.espacebas, #contenuTextGeneral #contGche #comprateurprix img.espacebas {
	margin-bottom:10px;
}
/* --------------------- module de paiement --------------------- */
#contenuTextGeneral #contGche #comprateurprix {
	width:363px;
	float:right;
	height:135px;
}
#contenuTextGeneral #contGche #comprateurprix h4 {
	background:url(../images/comparateurprix.jpg) no-repeat;
	height:55px;
	padding-left:35px;
	padding-top:5px;
	margin-bottom:7px;
	text-transform:none !important;
}
/* --------------------- caractéristik generale --------------------- */

#contenuTextGeneral h1 {
	font:28px bold Calibri, Arial, Helvetica, sans-serif;
	font-family:Calibri;
	font-weight:bold;
	color:#00609a;
	margin-bottom:15px;
	font-style:italic;
	margin-top:10px;
} 
#contenuTextGeneral h2 {
	font:16px bold Calibri, Arial, Helvetica, sans-serif;
	font-family:Calibri;
	font-weight:bold;
	color:#0d9bcf;
	margin-bottom:20px;
	font-style:italic;
	font-variant:small-caps;
	border-bottom:1px dotted #85d2ee;
} 

#contenuTextGeneral h3 {
	font:14px bold Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#6f6f6f;
	margin-bottom:10px;
	font-variant:small-caps;
	background:url(../images/puce.jpg) no-repeat;
	padding:4px 0 6px 30px;
} 


#contenuTextGeneral h4 {
	font-family:Calibri;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	color:#0d9bcf;
} 
#contenuTextGeneral strong{
	color:#ff5f11;
} 
#contenuTextGeneral strong.bleu {
	color:#026ba4;
} 
#contenuTextGeneral a:link, #contenuTextGeneral a:visited{
	color:#0d9bcf;
	font-weight:bold;
	text-decoration:underline;
} 
#contenuTextGeneral a:hover, #contenuTextGeneral a:active{
	color:#0d9bcf;
	text-decoration:none;
} 
#contenuTextGeneral p {
	font:14px normal Arial, Helvetica, sans-serif;
	font-family:Calibri;
	color:#929292;
	line-height:20px;
	text-align:justify;
	margin-bottom:12px;
} 
#contenuTextGeneral ul {
	margin-left:15px;
}
#contenuTextGeneral ul li {
	font:13px normal Arial, Helvetica, sans-serif;
	font-family:Calibri;
	color:#929292;
	margin:10px 0;
	list-style:none;
	background:url(../images/puce.jpg) no-repeat;
	padding:4px 0 6px 30px;
}



/*---------------------------------------------------------
					TABLEAU
 ---------------------------------------------------------*/
#contenuTextGeneral table {
 	width:600px;
	margin:0 auto;
}
#contenuTextGeneral table td {
	border-bottom:1px dotted #e5e5e5;
	padding:3px;
}
#contenuTextGeneral table td.commander {
	background:url(../images/bgtdtab.jpg) no-repeat;
	border:none !important;
	text-align:center;
}
#contenuTextGeneral table td.commander a {
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	font-family:"Trebuchet MS";
	text-decoration:none;
	text-transform:uppercase;
}
#contenuTextGeneral table td p {
	margin:0 !important;
	font-family:Calibri;
}
#contenuTextGeneral table td p.colonedroite {
	text-align:center;
	font-size:16px;
}
#contenuTextGeneral table td.txtab{
	border-right:1px solid #e5e5e5;
	background-color:#f4f7f8;
}
#contenuTextGeneral table td.titretab {
	border:none;
	padding:5px;
	border-bottom:2px solid#e5e5e5;
	height:70px;
}
#contenuTextGeneral table td.titretab p.titretabtxt {
	color:#f24400;
	font-weight:bold;
	font-family:Calibri;
	font-size:16px;
}
/*#contenuTextGeneral table td.totaltab {
	border:none;
	background-color:#ff5f11;
	padding:3px;
}*/
#contenuTextGeneral table td.totaltab p.totaltabtxt {
	color:#fff;
	font-weight:bold;
	font-family:Calibri;
	font-size:16px;
	text-align:center;
}
/*---------------------------------------------------------
					PAGE CONTACT
 ---------------------------------------------------------*/

#contenuTextGeneral #plan {
	width:565px;
	height:243px;
	background:url(../images/bgplan.jpg) no-repeat;
	padding:39px 101px 20px 20px;
	margin-bottom:5px;
}
#contenuTextGeneral p a.plan {
	font-family:Calibri;
	font-size:12px;
	color:#ff6f00;
	background:url(../images/lienrea.jpg) left no-repeat;
	float:right;
	text-align:right;
	padding-left:10px;
	text-decoration:none;
	margin-bottom:30px;
	margin-right:82px;
}
/*---------------------------------------------------------
					Formulaire page contact
 ---------------------------------------------------------*/

#contenuTextGeneral #formulairecontact  #form1 p {
	width:650px;
	margin:20px 0;
	
	
}
#contenuTextGeneral #formulairecontact  #form1 p label{
	width:200px;
	text-align:left;
	font:12px normal Arial, Helvetica, sans-serif;
	font-family:Calibri;
	color:#929292;
	float:left;
	margin-right:5px;
	padding-top:2px;
	
}
#contenuTextGeneral #formulairecontact  #form1 input, #formulairecontact  #form1 textarea{
	width:400px;
	background-color:#fff;
	border:1px solid #a9bac0;
	font:12px normal Arial, Helvetica, sans-serif;
	font-family:Calibri;
	color:#939292;
	padding:2px 0;
}
#contenuTextGeneral #formulairecontact  #form1 p input:focus, #formulairecontact  #form1 p textarea:focus, #contenuTextGeneral #formulairecontact  #form1 p input:hover, #formulairecontact  #form1 p textarea:hover  {
	border:1px solid #0d9bcf;
}
#contenuTextGeneral #formulairecontact  #form1 .boutcontact {
	float:left;
	width:195px;
	margin-right:20px;
	cursor:pointer;
	color:#807d7d;
}

#contenuTextGeneral #formulairecontact  #form1 .boutcontact:focus, #contenuTextGeneral #formulairecontact  #form1 .boutcontact:hover {
	color:#0d9bcf;
	border:1px solid #0d9bcf;
}
/*---------------------------------------------------------
					page plan site
 ---------------------------------------------------------*/
#contenuTextGeneral .menuplansite {
	width:230px;
	float:left;
	margin-bottom:30px;
}
/*---------------------------------------------------------
					FOOTER
 ---------------------------------------------------------*/
.clearer{
	clear:both;
}
#clearFooter{
	height:54px;
}
#bgfooter{
	position:relative;
	clear:both;
	width:100%;
	height:86px;
	margin:-86px auto 0;
	background:url(../images/bgfootergen.jpg) repeat-x;
}
#footer{
	width:990px;
	height:70px;
	margin:0 auto;
	padding-top:16px;/**/
}
#footer h4 {
	color:#888888;
	font:13px bold Calibri, Arial, Helvetica, sans-serif;
	font-family:Calibri;
	font-style:italic;
	font-weight:bold;
	margin-bottom:5px;
}
#footer .partie {
	width:250px;
	float:left;
	border-right:1px solid #dfdfdf;
	padding-bottom:0px;
	margin-right:35px;
}

#footer .partie ul
{
	padding-top:5px;
	
	}

#footer .partie ul li {
	
	float:left;
	display:block;
	height:26px;
	margin-left:10px;

	
}

#footer .partie ul li:first-child {
	
	margin-left:0;
}



#footer .partie ul li a {
	

	display:block;
}

.cb a
{
	background:url(../images/logo_cb.jpg)  no-repeat;
	width:35px;
	height:100%;
	
	}
	
.cb a:hover
{
	background-image:url(../images/cb_survol.jpg) ;

	}

.cheque a
{
	background:url(../images/cheque_logo.png)  no-repeat;
		width:71px;
	height:100%;
	}
	
.cheque a:hover
{
	background-image:url(../images/cheque_survol.png) ;
	}


.mandat a
{
	background:url(../images/mandat_administratif.png)  no-repeat;
	width:90px;
	height:100%;
	}
	
.mandat a:hover
{
	background-image:url(../images/mandat_survol.png) ;
	}

#footer .partie .logocomaxess {
	width:125px;
	height:35px;
	float:left;
	margin-right:5px;
	background:url(../images/comaxess.jpg) top left no-repeat;
}
#footer .partie .logorange  
{
	width:84px;
	height:35px;
	float:left;
	background:url(../images/orange.jpg) top left no-repeat;
}
#footer .partie .logorange:hover, #footer .partie .logocomaxess:hover 
{
	background-position:bottom;
}
#footer .partie2 {
	width:410px;
	float:right;
}

#footer .partie img {
	float:left;
	margin-right:5px;
}
#footer p 
{
	color:#949494;
	font:11px normal Arial, Helvetica, sans-serif;
	margin-top:5px;
	line-height:18px;
}
#footer p a:link, #footer p a:visited 
{
	color:#949494;
	text-decoration:none;
}
#footer p a:hover, #footer p a:active {
	color:#515151;
	text-decoration:underline;
}