@charset "UTF-8";
body {
	margin:0px;
	border: 0px;
	font-family: 'arial';
}
img {
	border: 0px;
}
h1 {
	margin:0px;
	padding:0px;
	font-style:normal;
	font-stretch:normal;
}
h2 {
	margin:0px;
	padding:0px;
	font-style:normal;
}
h3 {
	margin:0px;
	padding:0px;
	font-style:normal;
	font-stretch:normal;
}
h4 {
	margin:0px;
	padding:0px;
	font-style:normal;
	font-stretch:normal;
}
p {
	margin:0px;
	padding:0px;
}
input {
	margin:0px;
	padding:0px;
	border:0px;
}
a {
	text-decoration:none;
	color:#308c7c;
}
a:hover {
	color:#41b5a1;
}



/* ========================================================================================*/
/* ===========================================  HAUT  =====================================*/
/* ========================================================================================*/



body #haut {
	z-index: 1;
	width: 100%;
	height:170px;
}
body #haut #entete {
	z-index: 1;
	width: 960px;
	height:150px;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
}
body #haut #entete #logo {
	float:left;
	width:225px;
	height:90px;
	margin:0 50px 0 0;
}



/*---------------------------------
 *  CONTACT garantie 
 *---------------------------------*/


body #haut #entete #garantie {
	float:left;
	width:90px;
	height:90px;
	margin:0 20px 0 0;
}







/*---------------------------------
 *  ACCROCHE 
 *---------------------------------*/



body #haut #entete #accroche {
	float:left;
	width:575px;
	height:75px;
	margin:15px 0 0 0;
	text-align:right;
}









/*---------------------------------
 *  MENU 
 *---------------------------------*/


body #haut #entete #menu {
	position:relative;
	float:left;
	width:960px;
	height:40px;
	margin:0 0 0 0;
	background: #eeeeee;
}
body #haut #entete #menu p {
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	color:#292929;
}
body #haut #entete #menu p:hover {
	color:#292929;
}
body #haut #entete #menu a {
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	color:#292929;

}
body #haut #entete #menu a:hover {
	color:#41b5a1;
}
body #haut #entete #menu .btn-menu1 {
	float:left;
	width:70px;
	height:40px;
	text-align:center;
	line-height:40px;
}
body #haut #entete #menu .btn-menu2 {
	float:left;
	width:150px;
	height:40px;
	text-align:center;
	line-height:40px;
}
body #haut #entete #menu .btn-menu3 {
	float:left;
	width:200px;
	height:40px;
	text-align:center;
	line-height:40px;
}
body #haut #entete #menu .btn-menu4 {
	float:left;
	width:280px;
	height:40px;
	text-align:center;
	line-height:40px;
}
body #haut #entete #menu .btn-menu5 {
	float:left;
	width:130px;
	height:40px;
	text-align:center;
	line-height:40px;
}
body #haut #entete #menu .btn-menu6 {
	float:left;
	width:130px;
	height:40px;
	text-align:center;
	line-height:40px;
}


body #haut #entete #menu .btn-menu1:hover {
	background:#e3e3e3;
}

body #haut #entete #menu .btn-menu6:hover {
	background:#e3e3e3;
}

body #haut #entete #menu .btn-menu5:hover {
	background:#e3e3e3;
}

body #haut #entete #menu .btn-menu4:hover {
	background:#e3e3e3;
}


body #haut #entete #menu .btn-menu3:hover {
	background:#e3e3e3;
}

body #haut #entete #menu .btn-menu2:hover {
	background:#e3e3e3;
}



/*---------------------------------
 *  MENU DEROULANT 4
 *---------------------------------*/
 
body #haut #entete #menu .btn-menu4 #deroule-menu4 {
	position:absolute;
	top:40px;
	left:420px;
	z-index:1000;
	background-color:#e3e3e3;
}

body #haut #entete #menu .sous-menu {
	height:40px;
	margin:0;
	padding:0 10px 0 10px;
	text-align:left;
	transition: background 0.3s linear 0s; /* w3 */
	-o-transition: background 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s;
	-webkit-transition: background 0.3s linear 0s;
}




body #haut #entete #menu p {
	text-decoration:none;
	color: #1d1d1d;
	font-size:14px;
	line-height:40px;
	margin:0;
	padding:0 0 0 5px;
	transition: color 0.2s linear 0s; /* w3 */
	-o-transition: color 0.2s linear 0s;
	-moz-transition: color 0.2s linear 0s;
	-webkit-transition: color 0.2s linear 0s;
}

/* ========================================================================================*/
/* ======================================  CORPS 1 =========================================*/
/* ========================================================================================*/

body #corps {
	width:100%;
	min-height:390px;
	margin:0 0 20px 0;
	
}

body #corps #centre1 {
	z-index: 1;
	width: 1000px;
	margin:0 auto 0 auto;
	background:#ffffff;
}

body #corps #centre1 h1 {
	font-size:30px;
}

body #corps #centre1 h2 {
	font-size:20px;
	margin:0 0 10px 0;
}

body #corps #centre1 p {
	font-size:14px;
	margin:0 0 10px 0;
	text-align:justify;
}
body #corps #centre1 ul {
	font-size:14px;
	padding:0px;
	margin: 5px 0 10px 0;
}

body #corps #centre1 li {
	margin:0 0 5px 10px;
	padding:0;
}

/* ========================================================================================*/
/* ==========================  CORPS AVEC Background ======================================*/
/* ========================================================================================*/

body #corps-bg {
	width:100%;
	min-height:390px;
	background: url(../images/bg-bardage-cellulaire.jpg) no-repeat;
	margin:0 0 20px 0;
	
}

body #corps-bg #centre1 {
	position: relative;
	z-index: 1;
	width: 1000px;
	margin:0 auto 0 auto;
	background:#ffffff;
}







/*---------------------------------
 *  DIV EDITABLE (base)
 *---------------------------------*/

body #corps #centre1 #editable {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}



/* ========================================================================================*/
/* ================================== INDEX================================================*/
/* ========================================================================================*/

body #corps-bg #centre1 #index {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}


/*---------------------------------
 *  SLIDER
 *---------------------------------*/

body #corps-bg #centre1 #index #slider-coprovox {
	float:left;
	width:960px;
	height:390px;
	margin:0 0 20px 0;
}



/*---------------------------------
 *  COLONNE 1 - video
 *---------------------------------*/

body #corps-bg #centre1 #index #col1 {
	float:left;
	z-index: 1;
	width: 465px;
	height:235px;
}

/*---------------------------------
 *  COLONNE 2 - ACTUS
 *---------------------------------*/

body #corps-bg #centre1 #index #col2 {
	float:left;
	z-index: 1;
	width: 425px;
	height:165px;
	margin:0 0 0 30px;
	padding:20px;
	background:#eeeeee;
}

body #corps-bg #centre1 #index #col2:hover {
	background:#e2e2e2;
}

body #corps-bg #centre1 #index #col2 .image {
	z-index: 1;
	float:left;
	overflow:hidden;
	margin: 0 10px 0 0;
	width: 203px;
	height:128px;
	border:#717171 solid 1px;
}
body #corps-bg #centre1 #index #col2 .image img {
	width: 210px;
}
body #corps-bg #centre1 #index #col2 h1 {
	font-size:15px;
	color:#003c76;
	margin: 0 0 5px 0;
}
body #corps-bg #centre1 #index #col2 p {
	font-size:12px;
	color:#333333;
	margin: 0 0 10px 0;
	text-align:justify;
	height:130px;
	width:210px;
	overflow:hidden;
}
body #corps-bg #centre1 #index #col2 a {
	font-size:12px;
	color:#8b8b8b;
}

body #corps-bg #centre1 #index #toutes-les-actus {
	float:left;
	z-index: 1;
	width: 425px;
	height:20px;
	margin:0 0 0 30px;
	padding:5px 20px 5px 20px;
	background:#bababa;
}

body #corps-bg #centre1 #index #toutes-les-actus a {
	font-size:12px;
	color:#333333;
	line-height:22px;
}


/*---------------------------------
 *  TEXTE REFERENCEMENT
 *---------------------------------*/

body #corps-bg #centre1 #index #texte-referencement {
	float:left;
	width:960px;
	margin:20px 0 0 0;
}

body #corps-bg #centre1 #index #texte-referencement h2 {
	font-size:14px;
	color:#4a4a4a;
	margin:0 0 5px 0;
}
body #corps-bg #centre1 #index #texte-referencement h1 {
	font-size:11px;
	color:#4a4a4a;
	text-align:justify;
	line-height:15px;
}


/* ========================================================================================*/
/* ================================== QUI SOMMES NOUS ====================================*/
/* ========================================================================================*/

body #corps #centre1 #qui-sommes-nous {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}



/* ========================================================================================*/
/* ================================== PRESENTATION ====================================*/
/* ========================================================================================*/

body #corps #centre1 #presentation {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}

/*---------------------------------
 *  INTRO
 *---------------------------------*/
 
body #corps #centre1 #presentation #intro {
	float:left;
	z-index: 1;
	height:340px;
	width: 575px;
	margin:0 20px 20px 0;
	border:#999999 1px solid;
	padding:10px 20px 20px 20px;
	background:#e3e3e3;
}


body #corps #centre1 #presentation #intro .schema {
	float:left;
	z-index: 1;
	width: 150px;
	height:150px;
	border:#333333 1px solid;
	background:#ffffff;
}

body #corps #centre1 #presentation #intro .schema img {
	width: 150px;
}



body #corps #centre1 #presentation #photo-grosplan {
	float:left;
	z-index: 1;
	width: 320px;
	height:370px;
	overflow:hidden;
}


body #corps #centre1 #presentation #photo-grosplan img {
	width: 350px;
}



/*---------------------------------
 *  EXEMPLE
 *---------------------------------*/


body #corps #centre1 #presentation .exemples {
	float:left;
	z-index: 1;
	width: 960px;
	height:600px;
	overflow:hidden;
}

body #corps #centre1 #presentation .exemples img {
	width:960px;
}



/*---------------------------------
 *  COULEURS
 *---------------------------------*/

body #corps #centre1 #presentation .couleur {
	float:left;
	z-index: 1;
	width: 176px;
	height:80px;
	overflow:hidden;
}

body #corps #centre1 #presentation .couleur img {
	width:300px;
}





/* ========================================================================================*/
/* ================================== BARDAGE COPROCEL ====================================*/
/* ========================================================================================*/

body #corps #centre1 #coprocel {
	float:left;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}


/*---------------------------------
 *  INTRO
 *---------------------------------*/
 
body #corps #centre1 #coprocel #intro {
	float:left;
	z-index: 1;
	width: 575px;
	margin:0 20px 20px 0;
	border:#999999 1px solid;
	padding:20px;
	background:#e3e3e3;
}


body #corps #centre1 #coprocel #intro .schema {
	float:left;
	z-index: 1;
	width: 150px;
	height:150px;
	border:#333333 1px solid;
	background:#ffffff;
}

body #corps #centre1 #coprocel #intro .schema img {
	width: 150px;
}



body #corps #centre1 #coprocel #photo-grosplan {
	float:left;
	z-index: 1;
	width: 320px;
	height:370px;
	overflow:hidden;
}


body #corps #centre1 #coprocel #photo-grosplan img {
	width: 350px;
}



/*---------------------------------
 *  ACCESSOIRES
 *---------------------------------*/

body #corps #centre1 #coprocel .schema {
	float:left;
	z-index: 1;
	width: 222px;
	height:242px;
	border:#333333 1px solid;
	background:#ffffff;
}

body #corps #centre1 #coprocel .schema img {
	width: 222px;
}


body #corps #centre1 #coprocel .schema p {
	float:left;
	z-index: 1;
	font-size:12px;
}


body #corps #centre1 #coprocel .spacer {
	float:left;
	width: 20px;
	height:25px;
}

body #corps #centre1 #coprocel .spacer2 {
	float:left;
	width: 60px;
	height:60px;
}

/*---------------------------------
 *  COULEURS
 *---------------------------------*/

body #corps #centre1 #coprocel .couleur {
	float:left;
	z-index: 1;
	width: 176px;
	height:80px;
	overflow:hidden;
}

body #corps #centre1 #coprocel .couleur img {
	width:300px;
}


body #corps #centre1 #coprocel .exemples {
	float:left;
	z-index: 1;
	width: 450px;
	height:290px;
	overflow:hidden;
}

body #corps #centre1 #coprocel .exemples img {
	width:450px;
}



/* ========================================================================================*/
/* ==================================== BARDAGE CONNEX ====================================*/
/* ========================================================================================*/

body #corps #centre1 #connex {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}

/*---------------------------------
 *  INTO
 *---------------------------------*/
 
body #corps #centre1 #connex #intro {
	float:left;
	z-index: 1;
	width: 575px;
	height:330px;
	margin:0 20px 20px 0;
	border:#999999 1px solid;
	padding:20px;
	background:#e3e3e3;
}


body #corps #centre1 #connex #intro .schema {
	float:left;
	z-index: 1;
	width: 150px;
	height:150px;
	border:#333333 1px solid;
	background:#ffffff;
}

body #corps #centre1 #connex #intro .schema img {
	width: 150px;
}



body #corps #centre1 #connex #photo-grosplan {
	float:left;
	z-index: 1;
	width: 320px;
	height:370px;
	overflow:hidden;
}


body #corps #centre1 #connex #photo-grosplan img {
	width: 335px;
}



/*---------------------------------
 *  ACCESSOIRES
 *---------------------------------*/

body #corps #centre1 #connex .schema {
	float:left;
	z-index: 1;
	width: 222px;
	height:242px;
	border:#333333 1px solid;
	background:#ffffff;
}

body #corps #centre1 #connex .schema img {
	width: 222px;
}


body #corps #centre1 #connex .schema p {
	float:left;
	z-index: 1;
	font-size:12px;
}


body #corps #centre1 #connex .spacer {
	float:left;
	width: 20px;
	height:25px;
}

body #corps #centre1 #connex .spacer2 {
	float:left;
	width: 60px;
	height:60px;
}

/*---------------------------------
 *  COULEURS
 *---------------------------------*/

body #corps #centre1 #connex .couleur {
	float:left;
	z-index: 1;
	width: 176px;
	height:80px;
	overflow:hidden;
}

body #corps #centre1 #connex .couleur img {
	width:300px;
}


body #corps #centre1 #connex .exemples {
	float:left;
	z-index: 1;
	width: 450px;
	height:290px;
	overflow:hidden;
}

body #corps #centre1 #connex .exemples img {
	width:450px;
}


/* ========================================================================================*/
/* ============================== BARDAGE CONNEX WOOD DESIGN ==============================*/
/* ========================================================================================*/

body #corps #centre1 #connex-wood-design {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}

/*---------------------------------
 *  INTO
 *---------------------------------*/
 
body #corps #centre1 #connex-wood-design #intro {
	float:left;
	z-index: 1;
	width: 575px;
	height:330px;
	margin:0 20px 20px 0;
	border:#999999 1px solid;
	padding:20px;
	background:#e3e3e3;
}


body #corps #centre1 #connex-wood-design #intro .schema {
	float:left;
	z-index: 1;
	width: 150px;
	height:150px;
	border:#333333 1px solid;
	background:#ffffff;
}

body #corps #centre1 #connex-wood-design #intro .schema img {
	width: 150px;
}



body #corps #centre1 #connex-wood-design #photo-grosplan {
	float:left;
	z-index: 1;
	width: 320px;
	height:370px;
	overflow:hidden;
}


body #corps #centre1 #connex-wood-design #photo-grosplan img {
	width: 350px;
}



/*---------------------------------
 *  EXEMPLE
 *---------------------------------*/


body #corps #centre1 #connex-wood-design .exemples {
	float:left;
	z-index: 1;
	width: 450px;
	height:290px;
	overflow:hidden;
}


body #corps #centre1 #connex-wood-design .spacer2 {
	float:left;
	width: 60px;
	height:60px;
}

/*---------------------------------
 *  COULEURS
 *---------------------------------*/


body #corps #centre1 #connex-wood-design .couleur {
	float:left;
	z-index: 1;
	width: 176px;
	height:80px;
	overflow:hidden;
}

body #corps #centre1 #connex-wood-design .couleur img {
	width:300px;
}


body #corps #centre1 #connex-wood-design .exemples {
	float:left;
	z-index: 1;
	width: 450px;
	height:290px;
	overflow:hidden;
}

body #corps #centre1 #connex-wood-design .exemples img {
	width:450px;
}


body #corps #centre1 #connex-wood-design .spacer {
	float:left;
	width: 30px;
	height:25px;
}


/* ========================================================================================*/
/* ===================================== DOCUMENTATION ====================================*/
/* ========================================================================================*/

body #corps #centre1 #documentation {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}


body #corps #centre1 #documentation .les_telechargements {
	float:left;
	margin:0 20px 20px 0;
}

.espace_gauche {
	padding-left:5px;
}




/* ========================================================================================*/
/* =========================================== CONTACT ====================================*/
/* ========================================================================================*/

body #corps #centre1 #contact {
	float:left;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}

body #corps #centre1 #contact .conteneur-formulaire {
	float:left;
	width:600px;
	margin:10px 0 0 0;
}
body #corps #centre1 #contact .conteneur-formulaire p {
	margin:0 0 20px 0;
}
body #corps #centre1 #contact .spacer-verti {
	float:left;
	height:230px;
	width:30px;
}
body #corps #centre1 #contact .conteneur-formulaire .intitule {
	float:left;
	width:100px;
	height:30px;
	background:#003c76;
	font-size:12px;
	color:#FFFFFF;
	margin:0 0 15px 0;
	line-height:30px;
	padding: 0 0 0 10px;
}
body #corps #centre1 #contact #conteneur-interet {
	float:left;
	height:40px;
	width:960px;
	margin:40px 0 40px 0;
}
body #corps #centre1 #contact #conteneur-interet .intitule2 {
	float:left;
	width:150px;
	height:30px;
	background:url(../images/bg-intitule-formulaire.jpg) repeat-x;
	font-size:12px;
	color:#FFFFFF;
	margin:0 0 15px 0;
	line-height:30px;
	padding: 0 0 0 10px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
body #corps #centre1 #contact #conteneur-interet select {
	float:left;
	width:300px;
	height:30px;
	background:url(../images/bg-input-login-pass.jpg) repeat-x;
	font-size:12px;
	color:#000000;
	margin:0 0 15px 0;
	padding: 5px 0 5px 10px;
}
body #corps #centre1 #contact .intitule3 {
	float:left;
	width:100px;
	height:30px;
	background:#003c76;
	font-size:12px;
	color:#FFFFFF;
	line-height:30px;
	padding: 0 0 0 10px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
body #corps #centre1 #contact .conteneur-formulaire input {
	float:left;
	width:450px;
	height:30px;
	background:url(../images/bg-input-login-pass.jpg) repeat-x;
	font-size:12px;
	color:#000000;
	margin:0 0 15px 0;
	line-height:30px;
	padding: 0 0 0 10px;
}
body #corps #centre1 #contact #conteneur-logo {
	float:left;
	width:337px;
	margin:10px 0 10px 0;
	padding:10px;
	background:#eaeaea;
	border:#cccccc solid 1px;
}

body #corps #centre1 #contact .conteneur-photo {
	float:left;
	width:360px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	box-shadow: 0px 1px 5px 0px #4a4a4a
}


body #corps #centre1 #contact textarea {
	float:left;
	width:945px;
	height:130px;
	font-size:12px;
	color:#000000;
	margin:0 350px 20px 0;
	padding: 5px 0 5px 10px;
}
body #corps #centre1 #contact #btn {
	float:right;
	width:150px;
	height:35px;
	background:url(../images/btn-envoyer.png) no-repeat -10px 0;
	margin:10px 0 0 0;
	cursor:pointer;
}
body #corps #centre1 #contact .conteneur-formulaire #btn:hover {
	background:url(../images/btn-envoyer.png) no-repeat 0 -30px;
}
body #corps #centre1 #contact .locaux {
	float:left;
	z-index: 1;
	width: 192px;
	height:192px;
	margin:30px 0 0 0;
}
body #corps #centre1 #contact .adresse {
	float:left;
	z-index: 1;
	width: 192px;
	height:192px;
	margin:10px 0 60px 0;
	font-size:14px;
	line-height:20px;
}
body #corps #centre1 #contact .adresse h3 {
	font-size:25px;
	color:#818181;
	line-height:30px;
}


body #corps #centre1 #contact .tel {
	background:url(../images/phone.png) no-repeat;
	padding:0 0 0 25px;
}

body #corps #centre1 #contact .fax {
	background:url(../images/fax.png) no-repeat;
	padding:0 0 0 25px;
}

body #corps #centre1 #contact .email {
	background:url(../images/email.png) no-repeat;
	padding:0 0 0 25px;
}



/* ========================================================================================*/
/* ======================================= LISTE ACTUS ====================================*/
/* ========================================================================================*/

body #corps #centre1 #liste-actu {
	float:left;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
}

body #corps #centre1 #liste-actu .conteneur-actu {
	float:left;
	z-index: 1;
	width: 950px;
	padding:10px 10px 10px 0;
}

body #corps #centre1 #liste-actu .conteneur-actu:hover {
background:#e8e8e8;

}

body #corps #centre1 #liste-actu .conteneur-actu .vignette-image {
	z-index: 1;
	float:left;
	overflow:hidden;
	margin: 0 10px 0 0;
	width: 130px;
	height:80px;
	border:#717171 solid 1px;
}
body #corps #centre1 #liste-actu .conteneur-actu .vignette-image img {
	width: 130px;
}
body #corps #centre1 #liste-actu .conteneur-actu h1 {
	font-size:16px;
	color:#003c76;
	margin: 0 0 10px 0;
}
body #corps #centre1 #liste-actu .conteneur-actu p {
	font-size:12px;
	color:#333333;
	margin: 0 0 10px 0;
	text-align:justify;
	
}


/* ========================================================================================*/
/* ====================================== DETAIL ACTUS ====================================*/
/* ========================================================================================*/

body #corps #centre1 #detail-actu {
	float:left;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}

body #corps #centre1 #detail-actu .vignette-image {
	z-index: 1;
	float:left;
	margin: 0 10px 0 0;
	width: 400px;
	border:#717171 solid 1px;
}
body #corps #centre1 #detail-actu .vignette-image img {
	width: 400px;
}
body #corps #centre1 #detail-actu h1 {
	font-size:30px;
	color:#003c76;
	margin: 0 0 10px 0;
}
body #corps #centre1 #detail-actu p {
	font-size:14px;
	color:#333333;
	margin: 0 0 10px 0;
	text-align:justify;
	line-height:25px
	
}



/* ========================================================================================*/
/* ====================================== CREDIT MENTIONS ====================================*/
/* ========================================================================================*/

body #corps #centre1 #credit-mentions {
	float:left;
	z-index: 1;
	width: 960px;
	margin:0 20px 0 20px;
	background:#ffffff;
}








/* ========================================================================================*/
/* ===================================== FOOTER ===========================================*/
/* ========================================================================================*/

body #bas {
	z-index: 1;
	width: 100%;
	background:#eeeeee;
}
body #bas #footer {
	position: relative;
	z-index: 1;
	width: 960px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
}
body #bas #footer a {
	font-size:11px;
	color:#707070;
}
body #bas #footer a:hover {
	color:#41b5a1;
}

body #bas #footer h3 {
	font-size:13px;
	color:#64c6e4;
	margin-bottom:5px;
	border-bottom:#64c6e4 solid 1px;
}
body #bas #footer p {
	font-size:11px;
	color:#848383;
	margin:0 0 10px 0;
}

body #bas #footer .col {
	float:left;
	z-index: 1;
	margin-top:20px;
	margin-bottom:20px;
	width:230px;
}

body #bas #footer .colpicto {
	float:left;
	z-index: 1;
	margin-top:20px;
	margin-bottom:20px;
	width:225px;
}



/* ========================================================================================*/
/* ================================= MISE EN PAGE =========================================*/
/* ========================================================================================*/

.clear {clear:both;}


.flotte_g {	float:left;}

.spacer10px {
	width:10px;
	height:10px;
}


.marge_haut_30px {margin-top:30px;}
.marge_haut_20px {margin-top:20px;}
.marge_haut_10px {margin-top:10px;}


.marge_g_20px { margin-left:20px;}

.marge_d_20px { margin-right:20px;}
.marge_d_15px { margin-right:15px;}
.marge_d_10px { margin-right:10px;}


.marge_bas_5px {margin-bottom:5px;}
.marge_bas_10px {margin-bottom:10px;}
.marge_bas_20px {margin-bottom:20px;}
.marge_bas_60px {margin-bottom:60px;}


.padding_bas_20px {padding:0 0 20px 0;}
.padding_haut_20px {padding:20px 0 0 0;}
.padding_g_20px {padding:0 0 0 20x;}
.padding_d_20px {padding:0 20px 0 0;}

.padding_5px {padding:5px;}


.corps12px {font-size:12px;}


.noir {color:#000000;}
.blanc {color:#ffffff;}
.gris {color:#51544f;}
.truquoise{color:#41b5a1;}
.bleu{color:#003c76;}



.bg-gris-clair {background-color:#e3e3e3;}
.bg-blanc { background-color:#ffffff;}
.bg-truquoise { background-color:#41b5a1;}
.bg-bleu { background-color:#003c76;}


.fer-a-droite {text-align:right;}
.justifier {text-align:justify;}
.centrer {text-align:center}

.majuscule {text-transform:uppercase;}

.txt25px{font-size:25px;}
.txt20px{font-size:20px;}
.txt15px{font-size:15px;}


.gras {font-weight: bold;}
.italique {font-style:italic;}

.hauteur-ligne18px {line-height:18px;}
.hauteur-ligne20px {line-height:20px;}


.bordure_bas {border-bottom:1px solid #999999;}


.large960px {
	float:left;
	width:960px;
}


.large300px {width:300px;}
.large400px {width:400px;}
.large470px {width:470px;}

.filet {
	float:left;
	width:100%;
	height:20px;
	background:url(../images/filet.jpg) repeat-x;
}

.puce {
	background:url(../images/fleche-puce-grise.png) no-repeat 0 -5px;
	padding:0 0 0 10px;
}



/* ========================================================================================*/
/* =================================== FONT - FACE ========================================*/
/* ========================================================================================*/