/* STRUCTURE DE LA PAGE */

/* Preload */
#preload {
	position:absolute;
	left:-5000px;
	top:-5000px;
}


/* Structure d'ensemble */


body {
	padding:0px;
	margin:0px;
	background-color: #292B45;
	background-image: url(../images/fond_page.png);
	background-repeat: repeat-x;
	padding-top:20px;
	padding-bottom:20px;
	overflow-y:scroll;
}

.page {
	padding:0px;
	margin:0px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.haut_page {
	padding:0px;
	margin:0px;
	width: 800px;
	height: 159px;
	background-image: url(../images/haut_site.png);
	background-repeat: no-repeat;
}

.etirable_page {
	padding:0px;
	margin:0px;
	width: 800px;
	background-image: url(../images/etirable_site.png);
}

.bas_page {
	padding:0px;
	margin:0px;
	width: 800px;
	height: 100px;
	background-image: url(../images/bas_site.png);
	background-repeat: no-repeat;
	padding-top:50px;
}

.clear {
	padding:0px;
	margin:0px;
	clear: both;
}


/* Menu déroulant */

.menu_deroulant {
	padding:0px;
	margin:0px;
	margin-left:8px;
	float:left;
	border:none;
}

.bouton_menu {
	padding:0px;
	margin:0px;
	display: block;
	width: 118px;
	height: 40px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 40px;
	background-image: url(../images/bouton.png);
	background-repeat: no-repeat;
	padding-left: 32px;
	border:none;
}

.bouton_menu:hover {
	background-position: 0% -40px;
	color:#F9BB49;
}

.sous_bouton_menu {
	padding:0px;
	margin:0px;
	position:absolute;
	display:none;
	width: 150px;
	height: 40px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 40px;
	background-image: url(../images/sous_bouton.png);
	background-repeat:no-repeat;
	border:none;
	z-index:20;
}

.sous_bouton_menu:hover {
	background-position: 0% -40px;
	color:#F9BB49;
}


/* Logo Moderne Méthode */

.logo_mm {
	padding:0px;
	margin:0px;
	display:block;
	float: left;
	width: 150px;
	height: 150px;
	margin-left: 8px;
	margin-top: 8px;
	border:none;
	text-decoration:none;
}

/* Zone acces espace membres */

.zone_login {
	float:left;
	padding:15px;
	padding-left:30px;
	font-family:Arial, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	border:none;
	text-decoration:none;
}

.zone_login span {
	font-size:20px;
	border:none;
	text-decoration:none;
}

.zone_login a {
	border:none;
	text-decoration:none;
	color:#015EAB;
}

.zone_login a:hover {
	color:#F9BB49;
}

.zone_login img {
	border:none;
	text-decoration:none;
	margin-top:20px;
	margin-bottom:10px;
}


/* Diaporama */

.diaporama {
	padding:0px;
	margin:0px;
	float: left;
	width: 484px;
	height: 150px;
	margin-top: 9px;
}

#divimagea{
	padding:0px;
	margin:0px;
	position:absolute;
	width:484px;
	height:150px;
	opacity:100;
	filter:alpha(opacity=100);
	z-index:10;
}

#divimageb{
	padding:0px;
	margin:0px;
	position:absolute;
	width:484px;
	height:150px;
	z-index:9;
}


/* Bread crumb trail */

.bread_crumb_trail {
	padding:0px;
	margin:0px;
	width: 627px;
	min-height:43px;
	padding:0px;
	margin:0px;
	float: left;
	background-color:#B1BEF0;
	padding-left:7px;
}

/*Styles du div englobant*/
#breadcrumb{
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
width:500px;
}
/*Reset sur la liste*/
#breadcrumb ul, #breadcrumb li {
list-style-type:none;	
padding:0;
margin:0;
}		
/*Styles sur la liste*/
#breadcrumb ul{
height:33px;

}	
/*Premier élément de la liste*/
#breadcrumb li.first {
background:url(../images/first-left.png) 0 0 no-repeat;
height:33px;
}

/*Tous les éléments de la liste sauf premier et dernier*/
#breadcrumb li {
float:left;
background:url(../images/general-left.png) 0 0 no-repeat;
line-height:33px;
margin:5px 0 0 0;
padding-left:13px;
}

/*Style sur les éléments a et span*/
#breadcrumb li a, #breadcrumb li span {
text-decoration:none;
float:left;
background:url(../images/bg-gradient.jpg) 0 0 repeat-x;
height:33px;
margin:0;
padding:0 0 0 5px;
font-size:11px;
letter-spacing:0.02em;
}	

#breadcrumb li a:hover {
	color:#F9BB49;
}

/*Style du dernier span de la liste*/
#breadcrumb li span.end {
float:left;
background:url(../images/general-right.png) 0 0 no-repeat;
width:15px;
height:33px;
}

/*Clearfix*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}

.content {
	padding:0px;
	margin:0px;
}

/* Espace breadcrumb trail sur la page d'accueil */

.bread_crumb_trail_accueil {
	padding:0px;
	margin:0px;
	width: 634px;
	min-height:43px;
	padding:0px;
	margin:0px;
	float: left;
	background-color:#B1BEF0;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:21px;
	color:#005DAB;
	border:none;
}

.bread_crumb_trail_accueil span {
	padding:0px;
	margin:0px;
	font-size:20px;
}

/* Infobulle */

div.tooltip{
	padding:0px;
	margin:0px;
	border   : solid 1px #D5D8F5;
	padding  : 10px;
	width    : 150px;
	background : #292B45;
	font-family : sans-serif;
	font-size : 10px;
	color : #FFF;
	z-index : 80;
	line-height:15px;
	position:absolute;
	z-index:80;
}

/* Page */

.int_page_accueil {
	padding:0px;
	margin:0px;
	width: 627px;
	float:left;
	font-family:Arial, Verdana, sans-serif;
}

.int_page {
	padding:10px;
	margin:0px;
	width: 607px;
	float:left;
	font-family:Arial, Verdana, sans-serif;
}

/* Notation de bas de page */

.notation_bdp {
	width:634px;
	text-align:center;
	margin-left:158px;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
}

/* Pour tous les liens */

.liens {
	font-family:Arial, Verdana, sans-serif;
	color:#A42A00;
}

.liens:link {
	color:#A42A00;
}

.liens:visited {
	color:#A42A00;
}

.liens:hover {
	color:#F9BB49;
	text-decoration:none;
}

.liens:active {
	color:#F9BB49;
	text-decoration:none;
}

.liens_procedes {
	text-decoration:none;
	line-height:23px;
	font-family:Arial, Verdana, sans-serif;
	color:#A42A00;
	font-weight:bold;
	font-style:italic;
	font-size:23px;
	text-align:left;
}

.liens_procedes:link{
	color:#A42A00;
}

.liens_procedes:visited{
	color:#A42A00;
}

.liens_procedes:hover{
	color:#F9BB49;
}

.liens_procedes:active{
	color:#F9BB49;
}

/* Gestion des images */

.images_tc_left {
	float:left;
	margin: 25px 15px 25px 25px ;
}

.images_tc_right {
	float:right;
	margin: 25px 15px 25px 25px ;
}

/* Typographie */

h1 {
	margin:15px 0 0 0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#005DAB;
	text-align:center;
	line-height:24px;
	display:block;
	width:584px;
	float:left;
	text-transform:uppercase;
}

h2 {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, sans-serif;
	font-size:18px;
	font-style:italic;
	color:#005DAB;
	text-align:center;
	line-height:18px;
	display:block;
	width:584px;
	float:left;
}

h3 {
	display:block;
	margin:0;
	padding:0;
	margin-top:25px;
	font-family:Arial, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#5A5A5A;
	text-transform:uppercase;
	text-align:left;
	float:left;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:10px;
	width:584px;
}

h3 span {
	font-size:20px;
}

h4{
	display:block;
	margin:0;
	padding:0;
	margin-top:0px;
	font-family:Arial, Verdana, sans-serif;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#5A5A5A;
	text-align:left;
	float:left;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:10px;
	width:584px;
}

.texte_courant {
	margin:0;
	padding:0;
	display:block;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:10px;
	text-align:justify;
}
.texte_courant_gras {
	margin:0;
	padding:0;
	display:block;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:25px;
	padding-right:25px;
	margin-bottom:10px;
	text-align:justify;
}

.denomination {
	color:#005DAB;
	font-weight:bold;
}

.hr_clear{
	clear:both;
	border:none;
	visibility:hidden;
	height:0px;
	margin:0px 0px 15px 0px;
}

div.tooltip em{
	font-style:italic;
	color:#B7B9CC;
}

div.tooltip strong{
	font-style:bold;
	font-size:12px;
	color:#B7B9CC;
}

.zone_copyrights{
	margin:5px auto 0px auto;
	width:750px;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:11px;
	color:#FFF;
}

.zone_copyrights a:link{
	color:#A42A00;
}

.zone_copyrights a:visited{
	color:#A42A00;
}

.zone_copyrights a:hover{
	color:orange;
	text-decoration:none;
}

.zone_copyrights a:active{
	color:orange;
	text-decoration:none;
}

/* Page accueil */

.qui_sommes_nous {
	display:block;
	width:150px;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#A42A00;
	text-decoration:none;
}

.img_nouveautes {
	width:260px;
	height:173px;
	background-image:url(../images/nouveautes.jpg);
	background-repeat:no-repeat;
	border:outset 1px #999;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

.mozaique_procedes {
	margin-top:20px;
	width:634px;
	margin-left:14px;
	margin-right:14px;
}

.mozaique_procedes ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.mozaique_procedes li{
	margin:0px;
	padding:0px;
	float:left;
}

.mozaique_procedes a{
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.mozaique_procedes_images{
	width:202px;
	height:182px;
	margin:0px;
	padding:0px;
	padding-top:20px;
	vertical-align: middle;
	border:none;
	background-repeat:no-repeat;
	font-family:Arial,Verdana, sans-serif;
	text-align:center;
	font-weight:bold;
	font-size:25px;
	color:#DDD;
	text-decoration:none;
}

.mozaique_procedes_images:link{
	background-position:0 0;
	color:#DDD;
}

.mozaique_procedes_images:visited{
	background-position:0 0;
	color:#DDD;
}

.mozaique_procedes_images:hover{
	background-position:0 -204px;
	color:#FFF;
}

.mozaique_procedes_images:active{
	background-position:0 -204px;
	color:#FFF;
}

.mozaique_procedes_images span{
	font-size:30px;
}

#module_actualites{
	float:left;
	margin:10px 0px 0px 0px;
	width:148px;
	height:270px;
	border:solid 1px #000;
	background:#FFF;
	overflow:hidden;
}

#module_actualites h2{
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	color:#222;
	margin:5px;
	width:140px;
}

#module_actualites img{
	margin:5px;
	width:138px;
	height:69px;
	border:none;
}

#module_actualites p{
	margin:5px;
	font-family:Arial, Verdana, sans-serif;
	font-size:10px;
	color:#000;
}

/* Page catalogues */

.texte_cat{
	padding:0px;
	margin:25px 0px 0px 40px;
	width:250px;
	height:30px;
	font-family:Arial,Verdana,sans-serif;
	color:#005DAB;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	float:left;
	line-height:30px;
	text-align:center;
}

.vign_cat{
	margin:10px 0px 0px 40px;
	display:block;
	float:left;
	width:250px;
	height:354px;
	background-repeat:no-repeat;
}

.vign_cat:hover{
	background-position:0 -354px;
}

.vign_cat:active{
	background-position:0 -354px;
}

#complet{
	background-image:url(../images/cat_complet.png);
}

#matrices{
	background-image:url(../images/cat_matrices.png);
}

#outils{
	background-image:url(../images/cat_outils.png);
}

#produits{
	background-image:url(../images/cat_produits.png);
}

/* Page formations */
.chapo{
	float:left;
	padding:0px;
	margin:15px 15px 0px 15px;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	color:#005DAB;
	font-style:italic;
	text-align:center;
}

#calendrier_formations{
	padding:0px;
	margin:0px;
	font-family:Arial,Verdana,sans-serif;
	list-style-type:none;
}

#calendrier_formations li{
	padding:0px;
	margin:0px 0px 0px 25px;
}

#calendrier_formations img{
	padding:0px;
	margin:0px 0px 15px 0px;
	display:block;
	float:left;
	width:192px;
	height:130px;
	background-color:#CCC;
}

#calendrier_formations h2{
	margin:0px 0px 0px 15px;
	padding:0px;
	width:360px;
	height:20px;
	float:left;
	text-align:left;
}

#calendrier_formations p{
	width:360px;
	height:110px;
	text-align:left;
	padding:0px;
	margin:0px 0px 15px 15px;
	float:left;
	font-size:12px;
	line-height:14px;
	overflow:auto;
}

#calendrier_formations p em{
	font-style:italic;
}

#calendrier_formations p span{
	font-weight:bold;
	color:red;
	letter-spacing:1px;
	font-size:10px;
}

#calendrier_formations p span#texte_beton_extreme_form{
	color:#005DAB;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
}

#form_formation{
	margin:0px auto 25px 23px;
	padding:0px;
	float:left;
	width:570px;
}

#form_formation fieldset{
	border-color:#005DAB;
}

#form_formation legend{
	margin:0px 0px 15px 190px;
	color:#005DAB;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}

#form_formation table{
	position:relative;
	margin:0px;
	padding:0px;
	table-layout:fixed;
	width:545px;
}

#form_formation tr{
	height:25px;
	table-layout:fixed;
}

#form_formation td{
	vertical-align:middle;
	height:35px;
	text-align:right;
}

#form_formation td.left{
	width:150px;
	text-align:left;
}

#form_formation input{
	padding:0px;
	margin:0px;
	font-size:10px;
	height:12px;
	color:#005DAB;
	width:300px;
}

#form_formation select{
	padding:0px;
	margin:0px;
	width:300px;
}

#form_formation input.boutons{
	width:100px;
	height:25px;
	margin:5px 0px 0px 0px;
}

#form_formation textarea{
	font-size:13px;
	text-align:center;
	color:#005DAB;
	margin-left:85px;
}

#conditions_inscription{
	float:left;
	display:block;
	height:20px;
	margin:0px 400px 40px 25px;
	width:200px;
}

.images_formations{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.images_formations li{
	display:inline-block;
	width:250px;
	margin:10px 25px 0px 25px;
	text-align:center;
}

.images_formations img{
	padding:0px;
	margin:0px;
	width:250px;
	height:167px;
}

.images_formations p{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-weight:bold;
	letter-spacing:1px;
	word-spacing:1px;
	color:#005DAB;
}

#certificat_participation{
	width:554px;
	margin:0px 0px 5px 25px;
	padding:0px;
	font-weight:bold;
	letter-spacing:1px;
	word-spacing:1px;
	text-align:center;
	color:#005DAB;
}

/* Page contacts */

#form_contacts{
	margin:0px auto 25px 23px;
	padding:0px;
	float:left;
	width:570px;
}

#form_contacts fieldset{
	border-color:#005DAB;
}

#form_contacts legend{
	margin:0px 0px 15px 190px;
	color:#005DAB;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}

#form_contacts table{
	position:relative;
	margin:0px;
	padding:0px;
	table-layout:fixed;
	width:545px;
}

#form_contacts tr{
	height:25px;
	table-layout:fixed;
}

#form_contacts td{
	vertical-align:middle;
	height:35px;
	text-align:right;
}

#form_contacts td.left{
	width:150px;
	text-align:left;
}

#form_contacts input{
	padding:0px;
	margin:0px;
	font-size:10px;
	height:12px;
	color:#005DAB;
	width:300px;
}

#form_contacts input.boutons{
	width:100px;
	height:25px;
	margin:5px 0px 0px 0px;
}

#form_contacts textarea{
	padding:0px;
	font-size:13px;
	text-align:center;
	color:#005DAB;
	margin:0px;
}

#hr_invisibles{
	border:none;
	visibility:hidden;
	height:0px;
}

/* Galeries */

/* -- Page globale de toutes les galeries -- */
#page_galerie{
	margin:15px 0px 0px 25px;
	padding:0px;
	list-style-type:none;
	float:left;
}

#page_galerie li{
	margin:0px 0px 15px 0px;
	padding:0px;
	float:left;
}

#page_galerie li img{
	display:block;
	float:left;
	width:105px;
	height:105px;
	background:#CCC;
}

#page_galerie li a{
	margin:15px 0px 0px 15px;
	display:block;
	float:left;
	width:300px;
	height:75px;
	background:url(../images/image_diapo_galeries.png) no-repeat;
	line-height:75px;
	color:#76799A;
	padding:0px 0px 0px 90px;
	font-weight:bold;
	font-size:20px;
	letter-spacing:1px;
	word-spacing:2px;
}

#page_galerie li a:link{
	background-position:0 0;
	color:#76799A;
}

#page_galerie li a:visited{
	background-position:0 0;
	color:#76799A;
}

#page_galerie li a:hover{
	background-position:0 -75px;
	color:orange;
	text-decoration:none;
}

#page_galerie li a:active{
	background-position:0 -75px;
	color:orange;
	text-decoration:none;
}


/* ------------------- */

#galerie{
	font-family:Arial,Verdana,sans-serif;
	width:510px;
	margin:0px auto 0px auto;
}

#bouton_retour, #bouton_avancer{
	margin:15px 0px 0px 0px;
	padding:0px;
	width:40px;
	height:495px;
	float:left;
	display:block;
}

#bouton_retour{
	display:inline-block;
	background:url(../images/bouton_retour.png);
}

#bouton_avancer{
	background:url(../images/bouton_avancer.png);
}

#bouton_retour:link, #bouton_avancer:link{
	background-position:0 0;
}

#bouton_retour:visited, #bouton_avancer:visited{
	background-position:0 0;
}

#bouton_retour:hover, #bouton_avancer:hover{
	background-position:0 -495px;
}

#bouton_retour:active, #bouton_avancer:active{
	background-position:0 -495px;
}

#galerie ul{
	border:none;
	display:block;
	margin:0px 15px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
	width:414px;
}

#galerie ul li{
	border:none;
	padding:0px;
	float:left;
	margin:15px 0px 0px 15px;
}

#galerie ul li img{
	border:none;
	display:block;
	margin:0px;
	padding:0px;
	width:192px;
	height:130px;
}

#galerie ul li a{
	border:none;
	margin:0px;
	padding:0px;
	display:block;
	text-align:center;
	background:#B7B9CC;
	height:25px;
	line-height:25px;
	color:#B7B9CC;
	text-decoration:underline;
}

#galerie ul li a:link{
	color:#005DAB;
}

#galerie ul li a:visited{
	color:#005DAB;
}

#galerie ul li a:hover{
	color:orange;
	text-decoration:none;
	background:#6E7194;
}

#galerie ul li a:active{
	color:orange;
	text-decoration:none;
	background:#6E7194;
}

#galerie hr{
	clear:both;
	border:none;
	visibility:hidden;
	height:0px;
	margin:0px 0px 15px 0px;
}

/* Pop up galerie */

#pop_up_galerie{
	width:800px;
	height:447px;
	background:url(../images/fond_pop_up_galeries.png) no-repeat;
	z-index:50;
	margin:0px 0px 0px -216px;
	position:absolute;
	display:none;
}

#enveloppe_relative_pop_up{
	margin:0px;
	padding:0px;
	position:relative;
	width:800px;
	height:445px;
	border:none;
}

#masque_fond_galerie{
	margin:0px;
	padding:0px;
	width:100%;
	height:990px;
	left:0px;
	top:0px;
	position:absolute;
	z-index:49;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:none;
}

#bouton_fermer_pop_up{
	margin:0px;
	padding:0px;
	width:33px;
	height:33px;
	position:absolute;
	background-image:url(../images/bouton_galerie.png);
	top:12px;
	right:12px;
	z-index:10;
}

#bouton_fermer_pop_up:link{
	background-position:0 0;
}

#bouton_fermer_pop_up:visited{
	background-position:0 0;
}

#bouton_fermer_pop_up:hover{
	background-position:0 -33px;
}

#bouton_fermer_pop_up:active{
	background-position:0 -33px;
}

#image_pop_up{
	top:80px;
	left:25px;
	padding:0px;
	display:block;
	width:500px;
	height:340px;
	position:absolute;
}

#bloc_texte_titre{
	width:225px;
	height:340px;
	position:absolute;
	right:25px;
	top:80px;
}

#pop_up_galerie h4{
	margin:0px 0px 2px 0px;
	text-align:left;
	text-transform:uppercase;
	color:#005DAB;
	font-weight:bold;
	font-size:18px;
	letter-spacing:-0.5px;
}

#pop_up_galerie p{
	margin:0px;
	padding:0px 0px 4px 0px;
	font-weight:100;
	font-size:13px;
	text-align:justify;
}

#haut_pop_up{
	width:798px;
	height:57px;
	position:absolute;
	z-index:9;
	top:-1px;
	left:-1px;
	color:#B7B9CC;
	text-align:center;
	font-size:62px;
	font-weight:normal;
	letter-spacing:0px;
	word-spacing:0px;
	text-transform:uppercase;
}

#boutons_pop_up{
	position:absolute;
	width:225px;
	bottom:25px;
	right:25px;
}

#bouton_reculer_pop_up{
	display:block;
	width:70px;
	height:70px;
	background:url(../images/bouton_reculer_pop_up.png);
	float:left;
}

#bouton_reculer_pop_up:link{
	background-position:0 0;
}

#bouton_reculer_pop_up:visited{
	background-position:0 0;
}

#bouton_reculer_pop_up:hover{
	background-position:0 -70px;
}

#bouton_reculer_pop_up:active{
	background-position:0 -70px;
}

#bouton_avancer_pop_up{
	display:block;
	width:70px;
	height:70px;
	background:url(../images/bouton_avancer_pop_up.png);
	float:right;
}

#bouton_avancer_pop_up:link{
	background-position:0 0;
}

#bouton_avancer_pop_up:visited{
	background-position:0 0;
}

#bouton_avancer_pop_up:hover{
	background-position:0 -70px;
}

#bouton_avancer_pop_up:active{
	background-position:0 -70px;
}

#liens_galeries{
	text-align:center;
	display:block;
	width:500px;
	margin:0px auto 0px auto;
}


/* Page moules edition limitée */

.encapsulation_moules {
	width:700px;
	padding:0px;
	margin:0px 0px 0px 25px;
}

.encapsulation_moules ul{
	margin:0px;
	padding:0px;
	display:block;
	list-style-type:none;
	margin-bottom:15px;
}

.encapsulation_moules li{
	margin:0px;
	padding:0px;
	display:block;
	height:145px;
}

.moules_image{
	float:left;
	margin-right:10px;
	width:192px;
	height:130px;
	background-color:#666666;
}

.moules_texte{
	float:left;
	height:130px;
	width:150px;
	background-color:#CCCCCC;
	padding-left:15px;
	padding-right:15px;
}

.texte {
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	display:block;
	margin-top:30px;
}

.texte_gras{
	font-weight:bold;
	color:#005DAB;
	font-size:14px;
}

.texte_courant_gras{
	font-weight:bold;
}

/* Page authentification espace membre */
#formulaire_login_membre{
	margin:0px 0px 0px 5px;
}

#formulaire_login_membre fieldset{
	border-color:#005DAB;
}

#formulaire_login_membre legend{
	margin:0px 0px 15px 210px;
	color:#005DAB;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}

/* Page news */
.separation_chapitres{
	width:50%;
	margin:25px auto 0px auto;
	padding:0px;
	color:#B7B9CC;
	clear:both;
}

.vign_newsletter{
	padding:0px;
	margin:0px 15px 20px 25px;
	display:block;
	float:left;
	width:224px;
	height:309px;
	background-repeat:no-repeat;
}

.vign_newsletter:link{
}

.vign_newsletter:visited{
}

.vign_newsletter:hover{
	background-position:0 -309px;
}

.vign_newsletter:active{
	background-position:0 -309px;
}

#vign_last_newsletter{
	background-image:url(../images/newsletterlast.png);
}

#bouton_archives_newsletter{
	margin:0px 0px 0px 70px;
	padding:0px;
	display:block;
	float:left;
	width:175px;
	height:86px;
	background:url(../images/bouton_archives_newsletters.png);
	line-height:75px;
	text-align:center;
	font-size:14px;
}

#bouton_archives_newsletter:link{
}

#bouton_archives_newsletter:visited{
}

#bouton_archives_newsletter:hover{
	background-position:0px -87px;
}

#bouton_archives_newsletter:active{
	background-position:0px -87px;
}

#mm_presse{
	margin:25px 0px 25px 25px;
	width:580px;
	height:261px;
	background:url(../images/mm_presse.png);
	background-repeat:no-repeat;
	position:relative;
}

#article_presse{
	float:left;
	margin:80px 0px 0px 235px;
	width:320px;
	height:150px;
}

#article_presse p{
	text-align:left;
}

#pop_up_presse{
	position:absolute;
	top:0px;
	left:0px;
	border:solid 1px #111;
	z-index:50;
	display:none;
}

#masque_pop_up_presse{
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	height:2980px;
	left:0px;
	top:0px;
	z-index:49;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:none;
}

#mm_outre_altantique{
	float:left;
	position:relative;
	margin:25px 0px 25px 25px;
	padding:0px;
	width:580px;
	height:700px;
	background:url(../images/mm_outre_atlantique.jpg) no-repeat;
}

#mm_outre_atlantique_texte{
	position:absolute;
	top:350px;
	left:0px;
	width:290px;
}

#mm_outre_atlantique_texte p{
	margin:0;
	padding:0;
	display:block;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	margin-bottom:10px;
	text-align:justify;
}

/* Page consommations */

.pop_up_consommations{
	position:absolute;
	top:0px;
	left:0px;
	border:solid 1px #111;
	background:#CCC;
	z-index:60;
	display:none;
	width:600px;
	min-height:250px;
}

#bouton_fermer_pop_up_beton_cire{
	position:absolute;
	right:5px;
	top:5px;
	z-index:61;
}

#bouton_fermer_pop_up_microchape{
	position:absolute;
	right:5px;
	top:5px;
	z-index:61;
}


#masque_pop_up_consommations{
	position:absolute;
	margin:0px;
	padding:0px;
	width:100%;
	height:800px;
	left:0px;
	top:0px;
	z-index:49;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
	display:none;
}

.form_consommation{
	margin:30px 0px 25px 12px;
	padding:0px;
	float:left;
	width:580px;
}

.form_consommation fieldset{
	border-color:#005DAB;
}

.form_consommation legend{
	margin:0px 0px 15px 150px;
	color:#005DAB;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}


/* Page espace membres */

#lien_consommations{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:15px 25px 15px 25px;
	background:url(../images/ico_conso.png) no-repeat;
	border:outset 1px #005DAB;
}

#lien_consommations:link{
	
}

#lien_consommations:visited{
	
}

#lien_consommations:hover{
	background-position:0 -150px;
	border:outset 1px orange;
}

#lien_consommations:active{
	background-position:0 -150px;
	border:outset 1px orange;
}

#lien_fiches{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:15px 25px 15px 25px;
	background:url(../images/ico_fiches.png) no-repeat;
	border:outset 1px #005DAB;
}


#lien_fiches:link{
	
}

#lien_fiches:visited{
	
}

#lien_fiches:hover{
	background-position:0 -150px;
	border:outset 1px orange;
}

#lien_fiches:active{
	background-position:0 -150px;
	border:outset 1px orange;
}


#lien_faq{
	display:block;
	float:left;
	width:150px;
	height:150px;
	margin:15px 25px 15px 25px;
	background:url(../images/ico_faq.png) no-repeat;
	border:outset 1px #005DAB;
}


#lien_faq:link{
	
}

#lien_faq:visited{
	
}

#lien_faq:hover{
	background-position:0 -150px;
	border:outset 1px orange;
}

#lien_faq:active{
	background-position:0 -150px;
	border:outset 1px orange;
}


/* Page fiches techniques et de sécurité */

#enveloppe_fiches{
	margin:25px 0px 25px 25px;
	padding:0px;
	float:left;
	list-style-type:none;
}

#enveloppe_fiches li{
	margin:0px 25px 25px 0px;
	padding:0px;
	float:left;
	width:167px;
	height:175px;
	border:outset 1px #005DAB;
}

.denomination_fiches{
	text-align:center;
	margin:15px 4px 10px 4px;
	padding:0px;
	color:#005DAB;
	font-weight:bold;
}

.lien_ft{
	margin:0px auto 10px auto;
	padding:0px;
	display:block;
	width:100px;
	height:35px;
	background:url(../images/ico_lien_ft.png);
}

.lien_ft:link{
	background-position:0px 0px;
}

.lien_ft:visited{
	background-position:0px 0px;
}

.lien_ft:hover{
	background-position:0px -35px;
}

.lien_ft:active{
	background-position:0px -35px;
}

.lien_fs{
	margin:0px auto 10px auto;
	padding:0px;
	display:block;
	width:100px;
	height:35px;
	background:url(../images/ico_lien_fs.png);
}

.lien_fs:link{
	background-position:0px 0px;
}

.lien_fs:visited{
	background-position:0px 0px;
}

.lien_fs:hover{
	background-position:0px -35px;
}

.lien_fs:active{
	background-position:0px -35px;
}

/* Pages galeries sans javascript */

#galerie_sans_javascript{
	margin:25px 0px 25px 25px;
	padding:0px;
	float:left;
	list-style-type:none;
}

#galerie_sans_javascript li{
	margin:0px 25px 25px 0px;
	padding:0px;
	float:left;
	width:167px;
	height:175px;
	border:outset 1px #005DAB;
}

#galerie_sans_javascript li a{
	border:none;
	text-decoration:none;
}

#galerie_sans_javascript img{
	border:none;
	width:167px;
	height:175px;
}

/* Evènement fetes fin d'année */

#fetes_2010{
	width:584px;
	height:302px;
	margin:10px auto 10px auto;
	position:relative;
}

#fond{
	width:584px;
	height:302px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/fond_fetes.jpg);
	z-index:5;
}

#boule{
	width:584px;
	height:302px;
	position:absolute;
	background:url(../images/boule_fetes.png);
	z-index:10;
}

#bandes{
	width:584px;
	height:302px;
	position:absolute;
	background:url(../images/bandes_fetes.png);
	z-index:15;
}

.flocon{
	position:absolute;
	width:3px;
	height:3px;
	background:url(../images/flocon.png);
}
.conteneuroceanindien { 
		        float: top;
		        top: 10px; 
		        width: 129px; 
		        height: 129px; 
		        margin-left: 10px; 
			}
			a.imageocean { 
		        display: block; 
		        width: 129px; 
		        height: 129px; 
		        background-image: url(../images/vign_ocean_indien_a.png);
		        background-repeat: no-repeat;
		        }
	 
			a.imageocean:hover { 
		        background-image: url(../images/vign_ocean_indien_b.png); 
		        }