@charset "utf-8";
/* CSS Tech and Feel - V3.0 2010 */

/* //////////////// GLOBAL //////////////// */	

body {
    	font-family:Helvetica, sans-serif;
    	margin: 0; 
    	padding: 0;
    	background: url(img/bg-green.gif) repeat-x;
		text-align: center; /* pour corriger le bug de centrage IE */ 
    }
	
a {
color:black;
    }

    
ul {
    	font-family:Helvetica, sans-serif;
		font-size:14px;
		margin-top:-10px;
    }

#bg {
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		width:1098px;
		height:auto;
	}

#content {
		width:965px;
		margin-left:auto;
		margin-right:auto;
		height:auto; 
	}
	
/* //////////////// HEADER//////////////// */	
#header {

		height:192px;
		width:936px;
		margin-left:207px;
	}

/* //////////////// MENU //////////////// */	

#menu {
		background: url(img/bg-menu.gif) repeat-x;
		width:936px;
		height:47px;
		margin-left:74px;
		padding-top:15px;
	}
	
#menu a {
		margin-left:20px;
		color:#FFF;
		font-size:16px;
		text-decoration:none;
		letter-spacing:0px;
		text-transform:uppercase;
		border-right:2px solid black;
		padding-right:20px;
		height:47px;
    }
	
/* //////////////// HOME //////////////// */
#bloc-accgauche {
		background: url(img/bloc-acc.gif);
		width:436px;
		height:238px;
		float:left;
		margin-left:30px;
		margin-top:5px;
	}
#bloc-accgauche h1 {
		font-size:27px;
		text-align:left;
		letter-spacing:2px;
		padding-left:25px;
		margin-top:15px;
	}

#bloc-accgauche h2 {
		font-size:28px;
		text-align:left;
		text-transform:uppercase;
		letter-spacing:2px;
		padding-left:25px;
		color:#828282;
		margin-top:-25px;
		padding-top:0px;
	}


#bloc-accgauche p {
		font-size:17px;
		text-align:left;
		padding-left:25px;
		margin-top:30px;
		padding-top:0px;
		font-weight:bold;
	}

#bloc-accgauche .laptop {
	margin-top:-110px;
	margin-left:40px;
	}
	
#bloc-accgauche .savoirplus {
	margin-top:-90px;
	margin-right:0px;
	margin-left:0px;
	border:none;
	}	
	
#bloc-accdroite {
		background: url(img/bloc-acc.gif);
		width:436px;
		height:238px;
		float:left;
		margin-left:20px;
		margin-top:5px;
	}
#bloc-accdroite h1 {
		font-size:27px;
		text-align:left;
		letter-spacing:2px;
		padding-left:25px;
		margin-top:15px;
		}

#bloc-accdroite h2 {
		font-size:28px;
		text-align:left;
		letter-spacing:2px;
		padding-left:25px;
		color:#828282;
		margin-top:-25px;
		padding-top:0px;
	}


#bloc-accdroite p {
		font-size:17px;
		text-align:left;
		padding-left:25px;
		margin-top:30px;
		padding-top:0px;
		font-weight:bold;
	}

#bloc-footer {
		background: url(img/bg-acc-footer.gif);
		width:919px;
		height:297px;
		padding-top:0px;
		margin-left:15px;
		margin-top:0px;
		clear:both;
	}
#bloc-footer1 {
		width:282px;
		height:262px;
		float:left;
		margin-left:15px;
		margin-top:10px;
	}
	
#bloc-footer1 h1 {
		font-size:18px;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#FFF;
	}
	
#bloc-footer2 {
		width:315px;
		height:262px;
		float:left;
		margin-left:0px;
		margin-top:10px;
	}
#bloc-footer2 h1 {
		font-size:18px;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#FFF;
	}
#bloc-footer3 {
		width:288px;
		height:262px;
		float:left;
		margin-left:0px;
		margin-top:10px;

}
#bloc-footer3 h1 {
		font-size:18px;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#FFF;
	}
#bloc-footer3 p{
		font-size:12px;
		text-align:left;
}

/* //////////////// BLOC CENTRAL //////////////// */

#bloc {
	height:auto;
	width:620px;
	background:#f1f1f1;
	border:1px solid #d6d6d6;
	margin-bottom:10px;
	margin-left:100px;
	text-align:left;
	padding-left:20px;
	float:left;
	font-size: 12px;
    }

#bloc h1 {
		
		font-size:27x;
		text-align:left;
		letter-spacing:2px;
		background-image:url(img/bar-593.gif);
		background-repeat:no-repeat;
		background-position:bottom left;

	}

#bloc h2 {
		font-size:28px;
		text-align:left;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#828282;
		margin-top:-25px;
		padding-top:0px;
	}
	
#bloc h3 {
		font-size:16px;
		text-align:left;
		letter-spacing:2px;
		color:#3f982c;
		margin-bottom:-10px;
		margin-top:0px;
		background-image:url(img/bar-593-green.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
	}

#bloc p {
		font-size:14px;
		padding-right:20px;

	}

#bloc-b {
	height:1250px;
	width:620px;
	background:#FFF;
	border:1px solid #d6d6d6;
	margin-bottom:10px;
	margin-left:100px;
	text-align:left;
	padding-left:20px;
	float:left;
	font-size: 12px;
    }
#bloc-b h1 {
		
		font-size:27x;
		text-align:left;
		letter-spacing:2px;
		background-image:url(img/bar-593.gif);
		background-repeat:no-repeat;
		background-position:bottom left;

	}

#bloc-b h2 {
		font-size:28px;
		text-align:left;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#828282;
		margin-top:-25px;
		padding-top:0px;
	}
	
#bloc-b h3 {
		font-size:16px;
		text-align:left;
		letter-spacing:2px;
		color:#3f982c;
		margin-bottom:-10px;
		margin-top:0px;
	}

#bloc-b p {
		font-size:14px;
		padding-right:20px;

	}

#bloc-b2 {
	height:1350px;
	width:620px;
	background:#FFF;
	border:1px solid #d6d6d6;
	margin-bottom:10px;
	margin-left:100px;
	text-align:left;
	padding-left:20px;
	float:left;
	font-size: 12px;
    }
#bloc-b2 h1 {
		
		font-size:27x;
		text-align:left;
		letter-spacing:2px;
		background-image:url(img/bar-593.gif);
		background-repeat:no-repeat;
		background-position:bottom left;

	}

#bloc-b2 h2 {
		font-size:28px;
		text-align:left;
		text-transform:uppercase;
		letter-spacing:2px;
		color:#828282;
		margin-top:-25px;
		padding-top:0px;
	}
	
#bloc-b2 h3 {
		font-size:16px;
		text-align:left;
		letter-spacing:2px;
		color:#3f982c;
		margin-bottom:-10px;
		margin-top:0px;
	}

#bloc-b2 p {
		font-size:14px;
		padding-right:20px;

	}
	
#bloc-espclient {
		height:auto;
		width:860px;
    	background:#f1f1f1;
		border:1px solid #d6d6d6;
		margin-bottom:10px;
		margin-left:100px;
		text-align:left;
		padding-left:20px;
		padding-bottom:10px;
		float:left;
    }
	

#bloc-espclient h1 {
		font-size:27x;
		text-align:left;
		letter-spacing:2px;
		background-image:url(img/bar-593.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
	}
	
#bloc-espclient h2 {
		font-size:16px;
		text-align:left;
		letter-spacing:2px;
		color:#828282;
		margin-top:-10px;
		padding-top:0px;
	}

#bloc-espclient p {
		font-size:14px;

	}
.c_titre {
	font-size:14px;
	font-weight:bold;
	color:#3f982c;
    }
.c_purple{
	font-size:10px;
	color:#3f982c;
    }
	
.c_purple a{
	color:#3f982c;
    }
	
.c_options{
	color:#3f982c;
	font-size:10px;
    }
		
.c_options a{
	color:#3f982c;
    }


.open {
		display:table-row;
	}
	
	.closed{
		display:none;
	}
	
	.detailsCompte{
		border-width: 2px;
		border-style: solid;
		border-color: #686767;
		background-color: white;
	}
	
	.detailsInters{
		border-width: 1px;
		border-style: solid;
		border-color: #686767;

	}
	
	.detailsInters th{
		background-color:#C6C6C6;
	}
	
	.gras{
		font-weight: bold;
	}
	
	.fleche{
		font-size: smaller;
		color: #686767;
	}
	
	.flecheTri{
		font-size: small;
		color: #686767;
	}
	
	#c_bloc {
			height:auto;
			width:845px;
			background:white;
			border:1px solid #C4C6C6;
			margin-bottom:10px;
			padding:0px 0px 20px 15px;
		}
		
	#c_bloc h2 {
			font-size:15px;
			padding-left:20px;
			color:#565657;	
		}
		
	#c_bloc p {
			font-size:12px;
			padding: 0px 20px 0px 20px;
			color:#565657;
		}
		
	#c_bloc img {
			margin-left:20px;
			border:0px;
		}
		
	#c_bloc span{
			font-size:11px;
			font-weight:bold;
		}
		
	#c_bloc table {
			font-size:12px;
			padding: 0px 20px 0px 20px;
			color:#565657;
		}
		
	#c_bloc a {
			color:#565657;
		}
		
	#c_bloc li {
			font-size:12px;
			padding: 0px 20px 0px 20px;
			color:#565657;
			list-style:none;
		}


	
	
/* //////////////// SIDEBAR //////////////// */	
	
#sidebar{
	width:224px;
	margin-left:770px;
	}	
	
.side-bloc1{
	width:224px;
	height:178px;
	margin-top:-9px;
	background:url(img/side-bg-bloc.gif) no-repeat;
	}
.side-bloc1 h1{
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	padding-top:12px;
	}
.side-bloc2{
	width:224px;
	height:178px;
	margin-top:-15px;
	background:url(img/side-bg-bloc.gif) no-repeat;
	}
.side-bloc2 h1{
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	padding-top:12px;
	}
.side-bloc3{
	width:224px;
	height:178px;
	margin-top:0px;
	background:url(img/side-suivi.png) no-repeat;
	}
.side-bloc3 h1{
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	padding-top:12px;
	}
.side-bloc3 form{
	margin-top:30px;
	margin-left:90px;
	font-size:10px;
	text-align:left;
	}
	
	
/* //////////////// OFFRES //////////////// */
	
#offre_boost{
	width:642px;
	height:771px;
	background:url(offres/img/gb_offre_boost.png) no-repeat;
	font-size:12px;
	margin-left:-21px;
	}

#offre_xalu{
	width:642px;
	height:1150px;
	background:url(offres/img/gb_offre_express_alu.png) no-repeat;
	margin-left:-21px;
	padding-top:150px;
	}
	
#offre_malu{
	width:642px;
	height:525px;
	background:url(offres/img/gb_mobile_alu.png) no-repeat;
	margin-left:-21px;
	padding-top:150px;
	}
.carac_malu{
	font-size:14px;
	margin-top:60px;
	margin-left:270px;
	font-weight:bold;
	width:280px;
    }
#offre_drobo2{
	width:642px;
	height:189px;
	background:url(offres/img/gb_drobo_2to.png) no-repeat;
	margin-left:-21px;
	margin-top:0px;
	}
#offre_drobo4{
	width:642px;
	height:189px;
	background:url(offres/img/gb_drobo_4to.png) no-repeat;
	margin-left:-21px;
	margin-top:0px;
	}
#offre_drobo5{
	width:642px;
	height:189px;
	background:url(offres/img/gb_drobo_5to.png) no-repeat;
	margin-left:-21px;
	margin-top:0px;
	}
#offre_drobo10{
	width:642px;
	height:189px;
	background:url(offres/img/gb_drobo_10to.png) no-repeat;
	margin-left:-21px;
	margin-top:0px;
	}
.titre_promo{
	padding-top:200px;
	padding-left:53px;
	font-size:28px;
	font-weight:bold;
	color:#3f982c;
	}

.titre_promo_xalu{
	padding-top:150px;
	padding-left:15px;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	color:#BF2E85;
	}
.sstitre_promo{
	padding-top:5px;
	padding-left:53px;
	font-size:17px;
	font-weight:bold;
	color:#333;
	}

.sstitre_xalu{
	padding-top:70px;
	padding-left:100px;
	font-size:20px;
	font-weight:bold;
	color:#333;
	}

.sstitre_xalu2{
	padding-top:70px;
	padding-left:100px;
	font-size:20px;
	font-weight:bold;
	color:#333;
	}
	
.bloc_xalu{
	width:642px;
	height:auto;
	margin-left:50px;
	}
.bloc_xalu p{
	font-size:12px;
	width:540px;
    }
.bloc_xalu table{
	font-size:12px;

    }
	
.bloc_drobo{
	width:692px;
	height:auto;
	margin-left:5px;
	padding-top:160px;
	}
.bloc_drobo p{
	font-size:12px;
	width:620px;
	padding-left:15px;
    }
.bloc_drobo table{
	font-size:12px;
		padding-left:15px;

    }
.bloc_gauche{
	width:237px;
	height:425px;
	float:left;
	margin-left:70px;
	margin-top:10px;
	}

.bloc_droite{
	width:237px;
	height:425px;
	float:left;
	margin-left:25px;
		margin-top:10px;
	}
.titre_bloc_promo{
	padding-top:30px;
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-align:center;
	}

.carac_dd{
	font-size:14px;
	margin-top:-100px;
	margin-left:110px;
	font-weight:bold;
    }
.carac_dd2{
	font-size:14px;
	margin-top:0px;
	margin-left:5px;

    }
.carac_xalu{
	font-size:14px;
	margin-top:20px;
	margin-left:300px;
	font-weight:bold;
	width:250px;
    }


.carac_drobo{
		font-size:14px;
		margin-top:50px;
		margin-left:280px;
		font-weight:bold;
		width:280px;
    }


/* //////////////// REFERENCES //////////////// */
#buttons { 
    width:410px; 
    list-style:none; 
    margin:10px auto; 
    overflow:hidden; 
    list-style:none; 
}     
#buttons li { 
    float:right; 
    margin:1px; 
} 
#buttons a { 
    display:block; 
    width:47px; 
	height:22px; 
    text-indent:-9999px; 
    outline:0; 
} 

#buttons a#switchToList { 
    background:url(img/icon-list.png); 
} 
#buttons a#switchToThumbs { 
    background:url(img/icon-thumbs.png); 
} 

/*  La mise en forme globale  */
#block { 
    width:550px; 
    padding:5px; 
    list-style:none; 
    overflow:hidden; 
    background:#f1f1f1;  
} 
#block img { 
    -ms-interpolation-mode:bicubic; 
} 
#block h3 { 
    font-size:16px; 
	color:#3f982c;
	letter-spacing:2px;
	clear:both;
	padding-bottom:15px;
		background-image:none;
		background-repeat:no-repeat;
		background-position:bottom left;
	
} 


#block p { 
    color:#777; 
} 

/*  La mise en forme détaillée  */

#block.list img { 
    float:left; 
    margin-right:10px; 
    width:120px; 
} 
#block.list li { 
    border-bottom:1px dotted #777; 
    height:65px; 
    margin:10px; 
} 
#block.list h3 { 
    font-size:16px;  

} 

/* Mise en forme simplifiée */
#block.thumbs img { 
    width:205px; 
} 
#block.thumbs li { 
    float:left; 
    margin:3px; 
    text-align:center; 
} 
#block.thumbs h3 { 
    font-size:16px;

} 
#block.thumbs p { 
    display:none; 
} 


/* //////////////// CONTACT //////////////// */
#contact{
		font-size:14px;
		color:#565657;
	}
	
	
#formulaire{
		clear:both;
		width:405px;
	}
#formulaire h2{
		font-size:14px;
		text-align:left;
		letter-spacing:2px;
		color:#828282;
		margin-top:0px;
		padding-top:0px;
	}
	
#coord{
		float:left;
		padding:0px 0px 0px 0px;
		
	}
#coord h2{
		font-size:16px;
		text-align:left;
		color:#000;
		padding-top:20px;
		margin-bottom:-10px;
	}
	
#ouverture{
		float:left;
		padding-left:17px;
		border-left:1px solid darkgrey;
		margin-left:20px;
		height:90px;
	}
#plan{
		float:left;
		margin-left:250px;
		margin-top:-220px;

	}



	
	
	
/* //////////////// FOOTER //////////////// */	
#footer{
    	background: url(img/bg-green.gif) repeat-x;
		height:100px;
		clear:both;
}

#footer p {
    	margin: 0;
    	padding: 7px 0px 5px 10px;
		font-size:12px;
		color:white;
    }
	
#footer a {
		color:white;
		text-decoration:none;
    }