===== /commun/celda.css.php
.txt {  font-family: Arial; font-size: 11px; font-style: normal; font-weight: normal; color: #000000}
.txtbleu10 {  font-family: Arial; font-size: 10px; font-style: normal; font-weight: normal; color: #1562ef}
.txt10g {  font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; color: #BBBBBB; background-color:#D9D9D9}
.txtbold {  font-family: Arial; font-size: 11px; font-style: normal; font-weight: bold; color: #000000}
.colonne {  font-family: Arial; font-size: 11px; font-style: normal; font-weight: bold; color: #626262}
.erreur {  font-family: Arial; font-size: 11px; font-style: normal; font-weight: bold; color: #FF0000}
.piedpage {  font-family: Arial; font-size: 10px; font-style: normal; font-weight: normal; color: #A4A4A4}
.multi_resultat {  font-family: Arial; font-size: 10px; font-style: normal; font-weight: normal; color: #A4A4A4}
.multi_lien {  font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #000000}
.multi_lienover {  font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #F19100}
.lien { font-family: Arial, Helvetica, sans-serif; color: #03d1e4; font-weight: bold; font-size: 11px;}

a.liste_titre  { Cursor:hand; PADDING:3px ;BORDER-TOP: #A6A6A6 1px solid; BORDER-BOTTOM: #A4A4A4 1px solid; background-color : ; font-family: Arial; font-size: 12px; font-style: normal; font-weight: bold; color: #626262;}
input.a {  BORDER-RIGHT: #A6A6A6 1px solid; BORDER-TOP: #A6A6A6 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #A6A6A6 1px solid; COLOR: #000000; BORDER-BOTTOM: #A6A6A6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF;}
select.a {  BORDER-RIGHT: #A6A6A6 1px solid; BORDER-TOP: #A6A6A6 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #A6A6A6 1px solid; COLOR: #000000; BORDER-BOTTOM: #A6A6A6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF;}
option.a {  BORDER-RIGHT: #A6A6A6 1px solid; BORDER-TOP: #A6A6A6 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #A6A6A6 1px solid; COLOR: #000000; BORDER-BOTTOM: #A6A6A6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF;}
textarea.a {  BORDER-RIGHT: #A6A6A6 1px solid; BORDER-TOP: #A6A6A6 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #A6A6A6 1px solid; COLOR: #000000; BORDER-BOTTOM: #A6A6A6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF;}
input.b {  BORDER-RIGHT: #A6A6A6 1px solid; BORDER-TOP: #A6A6A6 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #A6A6A6 1px solid; COLOR: #000000; BORDER-BOTTOM: #A6A6A6 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #DBDBDB;}
P{margin:0;}
TD.sousmenu  { BORDER-TOP: 2px solid #BBBBBB; BORDER-LEFT: 2px solid  #BBBBBB; BORDER-RIGHT: 2px solid  #BBBBBB; BORDER-BOTTOM: 2px solid  #BBBBBB;}



td.contenu {
	background-color:#fff;
}

td.contenu_titre {
  background-color: ;
}

td.contenu_titre .titre {
  width: 840px;

  font-family: 'raleway', sans-serif;
  font-size: 18px;
  color: #2d2d2d;
  background-color: #03d1e4;
  padding: 0px;
	text-transform:uppercase;
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 10px;
}

td.contenu_titre .titre + td, td.contenu_titre .titre + td + td {
	background-color: #2d2d2d;
	color:#fff;
	padding-left:15px;
}

td.contenu_titre .chapitre, td.chapitre {
  font-family: verdana, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #fff;
  text-transform:uppercase;
  padding:5px;
}

td.chapitre {
  background-color:#D9D9D9; !important;
}

td.chapitre a {
  color: #fff;
}

td.chapitre a:hover {
  color: #2d2d2d;
}

td.contenu_titre .chapitre {
  font-family: verdana, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #fff;
}

td.contenu_titre a:hover.chapitre {
  color: #fff;
}

td.contenu_titre td.deconnexion {

  padding-left: 40px !important; 
  
  color: #fff;
  background-color: #D9D9D9 !important;
	
	width:300px !important;

  background-image: url(https://www.csesanitaire.fr/commun/img/deconnexion.png);
  background-repeat: no-repeat;
  background-position: 10px 8px;
}

td.contenu_titre td.deconnexion a {
  color: #fff;
}

td.contenu_titre td.deconnexion a:hover {
  color: ;
}

td.contenu {
  padding: 20px;
	background-color: ;
}

table.tableau {
	width: 100%;
  border-spacing: 2px;

  font-family: Arial;
  font-size: 11px;
  font-style: normal;
}

table.tableau a {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  color: #2d2d2d;
}

TR.liste_ligne1 { 
  border-top: 0px;
  background-color : #fff;
	color:#2d2d2d;
}

TR.liste_ligne2 {
  border-top: 0px;
  background-color : #e2e2e2;
	color:#2d2d2d;
}

TR.liste_ligne_over  { 
  border-top: 0px;
  background-color : #03d1e4;
}





TD.liste_titre  { 
  padding:3px ;

  background-color: #2d2d2d;

  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #fff;
  text-transform:uppercase;
}

TD.liste_cellule {
  PADDING:3px ;
  BORDER-TOP: 0px;
}

.bouton {
  font-family: Arial, Helvetica, sans-serif;
  color: #2d2d2d;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
}

.bouton:hover {
  color: #2cd000;
}

a {
  text-decoration: none;
}

a.chapitre {
  color: #2d2d2d;  
}

a:hover.chapitre {
  color: #03d1e4;  
}

.txt {
	color: #2d2d2d;
	padding:8px;
}

.txt a {
	color: #03d1e4;
  text-decoration: none;
}

.titre2 {
  font-family: 'raleway', sans serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #03d1e4;
}

.txtbleu {

  font-family:arial, sans serif;
	font-size:12px;
}

.famille_titre {
  font-family: Arial;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: normal;
  color: #03d1e4;
	font-family:'raleway', sans serif;
}

.famille {
  line-height: 25px;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #2d2d2d;
}

.ssfamille {
  line-height: 25px;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #2d2d2d;
}

.ssfamille_titre {
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  color: #2d2d2d;
}

.produit {
  line-height: 25px;
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  color: #2d2d2d;
}

.produit_titre {
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  color: #2d2d2d;
}


#fenetre {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#mon_zoom {
	width: 800px;
	height: auto;
	margin: auto;
	padding-top: 15px;
	position: absolute;
	top: 50%;
	left: 50%;    
	margin-top: -250px; /* moitié de la hauteur */
  margin-left: -400px; /* moitié de la largeur */
  
  
  background-color: #eeeeee;
  border: 1px solid #666666;
}

//#mon_zoom #entete {
//	width: 660px;
//	height: 50px;
//  
//}

//#mon_zoom #entete h3 {
//	display: inline;
//	margin: auto;
//	float: left;
//	margin-top: 10px;
//	
//	border: 0px;
//}

//#mon_zoom #entete  img {
//	display: inline;
//	margin: auto;
//	float: right;
//	
//	border: 0px;
//}


//#mon_zoom div#mon_image_complete
//{
//  height: 200px;
//}

#mon_zoom img {
	display: block;
	margin: auto;
	
	border: 2px solid #BEBEBE;
}

//#mon_zoom #deplacement {
//	width: 660px;
//	height: 50px;
//  
// background-color: #FFFFFF;
//}

//#mon_zoom p {
//	font-size: 12px;
//}
#fermer {
 width:800px;
}
#fermer img{
 border: 0px;
 margin-right : 5px;
 margin-top : 5px;
 margin-bottom : 5px;
}



@font-face {
    font-family: 'gpkn';
    src: url('/commun/fonts/gpkn-webfont.eot');
    src: url('/commun/fonts/gpkn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/commun/fonts/gpkn-webfont.woff') format('woff'),
         url('/commun/fonts/gpkn-webfont.ttf') format('truetype'),
         url('/commun/fonts/gpkn-webfont.svg#gpknregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('/commun/fonts/raleway_thin-webfont.eot');
    src: url('/commun/fonts/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('/commun/fonts/raleway_thin-webfont.woff') format('woff'),
         url('/commun/fonts/raleway_thin-webfont.ttf') format('truetype'),
         url('/commun/fonts/raleway_thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
  background-color: #BBBBBB;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
	margin:0;
	padding:0 !important;
}

.clear {
	clear:both;
}


#contenu_accueil {
	padding:20px;
	color:#BBBBBB;
	width:994px;
	margin:0 auto;
}

#logo {
	background-image: url('https://www.csesanitaire.fr/commun/img/logo.png');
  background-repeat: no-repeat;
  background-position: top left;
  width:385px;
  height:180px;
	margin-left:50;
}

.logo_bandeau {
  background-size:100% !important;
  width:150px !important;
  height:60px !important;
	float:right !important;
}

#blocs {
	width:320px;
	float:left;
	margin-left:0px;
}

.contenu_bloc {
	padding:10px;
}

#connexion, #inscription {
	background-color: #D9D9D9;
	margin-bottom:10px;
}

#inscription {
	min-width:385px;
	//float:right;
	//margin-left:20px;
	//margin-right:269px;
}

#connexion h2, #inscription h2 {
	font-family:'gpkn', sans serif;
	font-size:16px;
	text-transform:uppercase;
	background-color:#03d1e4;
	color:#fff;
	padding:5px 10px;
	margin:0;
}

#connexion h3, #inscription h3 {
	font-family:'raleway', sans serif;
	text-transform:uppercase;
	padding:5px 10px;
	margin:0;
	color:#03d1e4;
	background-color: #fff;
}

#contenu_accueil input, #formulaire_inscription .e2 a {
	border:2px solid #fff;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	width:290px;
	margin:5px 0 0 0;
	padding:3px;
	height:15px;
}


#connexion, #contact {
  background-color: #D9D9D9;
  margin-bottom:10px;
}

#contact {
  min-width:320px;
  //float:right;
  //margin-left:20px;
  //margin-right:269px;
}

#connexion h2, #contact h2 {
  font-family:'gpkn', sans serif;
  font-size:16px;
  text-transform:uppercase;
  background-color:#03d1e4;
  color:#fff;
  padding:5px 10px;
  margin:0;
}

#connexion h3, #contact h3 {
  font-family:'raleway', sans serif;
  text-transform:uppercase;
  padding:5px 10px;
  margin:0;
  color:#03d1e4;
  background-color: #fff;
}

#contenu_accueil input, #formulaire_contact .e2 a {
  border:2px solid #fff;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  -webkit-border-radius:2px;
  -ms-border-radius:2px;
  border-radius:2px;
  display:inline-block;
  width:290px;
  margin:5px 0 0 0;
  padding:3px;
  height:15px;
}


#contenu_accueil input[type='file'] {
	height:auto;
}


#contenu_accueil label {
	width:100%;
	display:block;
	margin-top:10px;
	clear:both;
}

.bouton, #btn_inscription {
	background-color:#BBBBBB;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	color:#fff !important;
	padding:6px 8px !important;
	display:block;
	text-transform:uppercase;

	//float:right;
	text-align:center;
	margin-top:10px;
	margin-right:10px;
	height:auto !important;
	width:auto !important;
	border:0 !important;
}

.bouton.large {
	float:none !important;
	margin: 0 0 5px 0 !important;
	text-align:center !important;
}

.bouton:hover {
	background-color:#03d1e4;
	color:#fff;
	cursor:pointer;
}

#formulaire_inscription {
	margin:10px 0 15px 0;
}

#formulaire_inscription table tr td:first-of-type {
	padding:0 10px 0 0;
}

#formulaire_inscription table tr td {
	vertical-align:top;
}

#formulaire_inscription input, #formulaire_inscription .e2 a {
	width:334px;
}

#formulaire_inscription input.petit {
	width:94px;
	display:inline-block;
}

#formulaire_inscription label.error {
	color:#fff;
	margin-top:2px;
	clear:none;
}

#formulaire_inscription input.petit + label.error {
	width:94px;
	float:left;
}


#formulaire_contact {
  margin:10px 0 15px 0;
}

#formulaire_contact table tr td:first-of-type {
  padding:0 10px 0 0;
}

#formulaire_contact table tr td {
  vertical-align:top;
}

#formulaire_contact input, #formulaire_contact .e2 a {
  width:334px;
}

#formulaire_contact input.petit {
  width:94px;
  display:inline-block;
}

#formulaire_contact label.error {
  color:#fff;
  margin-top:2px;
  clear:none;
}

#formulaire_contact input.petit + label.error {
  width:94px;
  float:left;
}



.erreur, .message {
  font-family: 'raleway',sans serif;
	//text-transform:uppercase;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  color: red;
}



#accueil #bande_haut {
	height:42px;
	background-color:#03d1e4;
	padding-right:15px;
}

#accueil #bande_haut p {
	color:#fff;
	font-family:'gpkn', sans serif;
	text-transform:uppercase;
	text-align:right;
	font-size:18px;
	line-height:42px;
}

#accueil #bande_haut a {
	color:#fff;
	text-decoration:none;
	display:block;
	float:right;
	width:auto;
	height:42px;
	line-height:42px;
}

#accueil #bande_haut a#entrer_adherent, #accueil #bande_haut a#sortir_adherent {
	background-repeat:no-repeat;
	width:28px;
	background-position:center;
}

#accueil #bande_haut a#entrer_adherent {
	background-image: url('https://www.csesanitaire.fr/commun/img/adherent/entrer-adherent.png');
}

#accueil #bande_haut a#sortir_adherent {
	background-image: url('https://www.csesanitaire.fr/commun/img/adherent/sortir-adherent.png');
}

#accueil #centre_accueil {
	width:1024px;
	height:1000px;
	margin:0 auto;
	position:relative;
}

#accueil #centre_accueil #logo {
	width:385px;
	margin:0 auto;
	position:absolute;
	left:220px;
	top:210px;
}

.ligne_horizontale {
	height:2px;
	width:100%;
	background-color:#D9D9D9;
	position:absolute;
	top:248px;
	z-index:99999;
}

.ligne_horizontale:nth-child(2) {
	top:430px;
}

.ligne_horizontale:nth-child(3) {
	top:612px;
}

.ligne_verticale {
	height:100%;
	width:2px;
	background-color:#D9D9D9;
	position:absolute;
	left:180px;
}

.ligne_verticale:nth-child(2) {
	left:639px;
}

.ligne_verticale:nth-child(3) {
	left:821px;
}



dl {
  width: 180px;
  height: 180px;
  margin: 0px;
  padding: 0px;
  position:absolute;
	top:0px;
	left:0px;
}

dl.appartements {
	left:182px;
	top:26px;
}

dl.ce {
	left:641px;
	top:208px;
}

dl.boutique {
	left:823px;
	top:390px;
}

dl.billetterie {
	left:0px;
	top:390px;
}

dl.noel {
	left:459px;
	top:390px;
}

dl.avantages {
	left:823px;
	top:26px;
}

dl dt {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #2d2d2d;
	overflow:hidden;
}

dl dt.new {
  background-image: url('https://www.csesanitaire.fr/commun/img/new.png');
  background-repeat: no-repeat;
  background-position: top right;
}

dl dt a {
  display: block;
  width: 100%;
  height: 100%;
}

dl dt a .texte {
  height:100%;
	width:100%;
	position:absolute;
	color:#fff;
	text-align:left;
	justify-content: inter-word;
}

dl dt a .texte p {
  padding:55px 10px 10px 10px;
	font-size:13px;
	line-height:13px;
  //text-align:justify;
  justify-content: inter-word;
}

@keyframes fermevolet {
	from { top:-145px; }
	to { top:-22px; }
}
@-moz-keyframes fermevolet {
	from { top:-145px; }
	to { top:-22px; }
}
@-webkit-keyframes fermevolet {
	from { top:-145px; }
	to { top:-22px; }
}
@-o-keyframes fermevolet {
	from { top:-145px; }
	to { top:-22px; }
}




@keyframes ouvrevolet {
	from { top:-22px; }
	to { top:-145px; }
}
@-moz-keyframes ouvrevolet {
	from { top:-22px; }
	to { top:-145px; }
}
@-webkit-keyframes ouvrevolet {
	from { top:-22px; }
	to { top:-145px; }
}
@-o-keyframes ouvrevolet {
	from { top:-22px; }
	to { top:-145px; }
}


dl dt a .volet {
	background-position: center ;
	background-repeat: no-repeat;
  height:100%;
	width:100%;
	position:relative;
	top:-20px;
	-webkit-animation: fermevolet 1s linear 0s both;
	-moz-animation: fermevolet 1s linear 0s both;
	-ms-animation: fermevolet 1s linear 0s both;
	-o-animation: fermevolet 1s linear 0s both;
	animation: fermevolet 1s linear 0s both;
	-moz-box-shadow: 0px 7px 5px -5px #000000;
	-webkit-box-shadow: 0px 7px 5px -5px #000000;
	-o-box-shadow: 0px 7px 5px -5px #000000;
	box-shadow: 0px 7px 5px -5px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=5);
}

dl dt a .volet:after {
	content:'';
	display:block;
	width:36px;
	height:16px;
	position:absolute;
	bottom:-16px;
	left:72px;
}

dl.billetterie dt a .volet {
  background-color: #9955ff;
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/menu-billetterie.png');
}
dl.billetterie dt a .volet:after {
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/fleche-billetterie.png');
}

dl.ce dt a .volet {
  background-color: #ffd904;
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/menu-votrece.png');
}
dl.ce dt a .volet:after {
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/fleche-ce.png');
}

dl.appartements dt a .volet {
  background-color: #1562ef;
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/menu-appartements.png');
}
dl.appartements dt a .volet:after {
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/fleche-appartements.png');
}

dl.noel dt a .volet {
  background-color: #2cd000;
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/menu_arbrenoel.png');
}
dl.noel dt a .volet:after {
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/fleche-noel.png');
}

dl.boutique dt a .volet {
  background-color: #e404ad;
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/menu-boutique.png');
}
dl.boutique dt a .volet:after {
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/fleche-boutique.png');
}

dl.avantages dt a .volet {
  background-color: #e85b04;
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/menu_avantages.png');
}
dl.avantages dt a .volet:after {
	background-image: url('https://www.csesanitaire.fr/commun/img//adherent/fleche-avantages.png');
}

dl dt a:hover .volet {
	-webkit-animation: ouvrevolet 1s linear 0s both;
	-moz-animation: ouvrevolet 1s linear 0s both;
	-ms-animation: ouvrevolet 1s linear 0s both;
	-o-animation: ouvrevolet 1s linear 0s both;
	animation: ouvrevolet 1s linear 0s both;
}



dl dt a .volet p {
  text-align: center;
  font-size: 22px;
  textdecoration: none;
  text-transform: uppercase;
  color: #2d2d2d;
  font-family:'raleway', sans serif;
	position:absolute;
	bottom:5px;
	display:block;
	width:100%;
}




dl dd {
  display: none;
  width: 240px;
  margin: 0px;
  padding: 0px;

  background-color: #c3c5c9;
  border-top: 1px solid ;
  border-bottom: 1px solid ;
}

dl dd ul {
  list-style-type: none;

  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
}

dl dd ul li a {
  display: block;
  width: 200px;
  height: 25px;
  margin-left: 20px;

  line-height: 25px;
  text-decoration: none;
  font-size: 14px;
  color: ;

  border-bottom: 1px dashed ;
}


dl:hover dd {
  display: block;
  position: relative;
  z-index: 999;
}

ul.liste_liens {
  list-style-type: none;
  width: 210px;
  height: 190px;
  margin: 0px;
  margin-right: 11px;
  padding: 0px;
  padding-top: 40px;
  padding-left: 30px;
  float: left;
  background-color: #2cd000;
}

ul.liste_liens li a {
  padding-left: 25px;
  line-height: 40px;

  text-decoration: none;
  font-size: 16px;
  color: ;

  background-image: url('https://www.csesanitaire.fr/commun/img/puce-accueil.gif');
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

ul.liste_liens li a:hover {
  color: ;
}



#actualites {
  clear: both;
  width: 639px;
	height:428px;
	position:absolute;
	top:572px;
	left:182px;
	background-color:#BBBBBB;
}

#actus {
  clear: both;
	width:548px;
	height:214px;
}

#actualites #carre_actus {
  width:92px;
	height:92px;
	background-color:#03d1e4;
	float:left;
	position
}

#actualites h2 {
  font-size:22px;
	font-weight:normal;
	font-family:'raleway', sans serif;
	color:#fff;
	text-transform:uppercase;
	line-height:92px;
	padding:0 0 0 100px;
	margin:0;
}

#actualites .ligne_horizontale {
  top:92px;
}

#actualites .ligne_horizontale:nth-child(2n) {
  top:134px;
}

#actualites .ligne_verticale {
  left:92px;
	top:0;
}



#actualites ul {
	padding:0;
	margin:0;
}

#actualites li {
	width:545px;
	height:211px;
	background-color:#2d2d2d;
	magin:0;
	padding:0;
}

#actualites img {
	float:left;
	margin-right:10px;
	max-height:169px;
}

#actualites h3 {
	font-size:16px;
	color:#03d1e4;
	font-weight:normal;
	text-transform:uppercase;
	font-family:'raleway', sans serif;
	margin:0 10px;
	line-height:42px;
}

#actualites p {
	font-size:12px;
	line-height:18px;
	color:#fff;
	padding:10px;
	font-weight:normal;
}

a.ensavoirplus {
	display:block;
	width:42px;
	height:42px;
	position:absolute;
	top:0;
	right:0;
	background-color:#03d1e4;
	color:#fff;
	font-size:34px;
	line-height:44px;
	text-align:center;
}

a.ensavoirplus:hover {
	background-color:#fff;
	color:#03d1e4;
}



.swControls {
	position:absolute;
	left:3px;
}

.swControls a {
	margin:0 5px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:10px;
	width:10px;
	padding:0;
	display:block;
	background-color:
	text-decoration:none;
	text-indent:-99999px;
	display:block;
}


a.swShowPage{
	background-color:#2d2d2d;
	float:left;
	height:10px;
	margin:4px 3px;
	text-indent:-9999px;
	width:10px;
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#03d1e4;
}

#main{
	position:relative;
	margin:0px;
	left:94px;
	width:545px;
	height:211px;
}

#hold {
	width:545px;
	height:211px !important;
	overflow:hidden;
	position:relative;
	padding:0;
	background-color:#2d2d2d;
}


#hold li{
	list-style:none outside none;
	float:left;
	position:relative;
}



.clear{
	clear:both;
}








a.toutes_actus {
  color: #fff;
  text-transform:uppercase;
	float:right;
	margin-top:3px;
	font-family:'raleway', sans serif;
	font-size:12px;
	margin-right:5px;
}

a:hover.toutes_actus {
	color: #03d1e4;
}


td#menu_h {
  background-color: #fff;
}

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

.itemOff {
  width:150px;
  height:25px;
  text-align:center;
	cursor:pointer;
}

.itemOn  {
  cursor:default;
  width:150px;
  height:25px;
	cursor:pointer;


  text-align:center;
}

.itemOffFerme {
  width:150px;
  height:25px;
	cursor:pointer;

  text-align:center;
}

.itemOnFerme  {
  cursor:default;
  width:150px;
  height:25px;

  text-align:center;
	cursor:pointer;

}

.itemOff2Rouge  {
  cursor:default;
  width:150px;
  height:26px;
	cursor:pointer;

margin-top:3px;

  background-color: red;

  text-align:left;
}

.itemOff2  {
  cursor:default;
  width:150px;
  height:25px;

  background-color: #2d2d2d;
  text-align:left;
	border-top:1px solid #fff;
	margin-top:2px;
	cursor:pointer;
}



.itemOn2  {
  cursor:default;
  width:150px;
  height:25px;
  background-color: #03d1e4;
  text-align:left;
	border-top:1px solid #fff;
	margin-top:2px;
	cursor:pointer;
}

.itemOffOuvert  {
  cursor:default;
  width:150px;
  height:25px;

  background-color: #2d2d2d;
  text-align:left;
	border-top:1px solid #fff;
	margin-top:2px;
	cursor:pointer;
}

.itemOnOuvert  {
 cursor:default;
  width:150px;
  height:25px;
  background-color: #03d1e4;
  text-align:left;
	border-top:1px solid #fff;
	margin-top:2px;
	cursor:pointer;

}

.fontOff {
  font-family: 'raleway', sans serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -1px;
  color: #2d2d2d;
  text-transform:uppercase;
  padding-left: 5px;
  position: relative;
  top: 0px;
}

.itemOff2 .fontOff, .itemOff2Rouge .fontOff, .itemOffOuvert .fontOff {
	text-transform:none;
	font-size:12px;
	font-family:arial, sans serif;
	line-height:25px;
	color:#fff;
}

.fontOn  {
  font-family: 'raleway', sans serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: -1px;
  color: #03d1e4;
	text-transform:uppercase;
  padding-left: 5px;
  position: relative;
  top: 0px;
}

.itemOn2 .fontOn, .itemOnOuvert .fontOn {
	text-transform:none;
	font-size:12px;
	font-family:arial, sans serif;
	line-height:25px;
	color:#fff;
}

.tagOff {
  width:10px;
  height:13px;
  margin-top: 5px;
	margin-right:4px;
  float:right;
  background:url('https://www.csesanitaire.fr/commun/img/menu-puce.gif') no-repeat bottom;
}

.tagOn {
  width:10px;
  height:13px;
  margin-top: 5px;
  float:right;
  background:url('https://www.csesanitaire.fr/commun/img/menu-puce.gif') no-repeat bottom;
	margin-right:4px;
}

#baseline {
	margin:0 auto;
	color:#fff;
	width:994px;
	text-align:center;
}

#baseline a {
	color:#fff;
}

td.piedpage {
  background-color: #2d2d2d;
  padding-right: 15px;

  text-align: right;

  font-family: Arial, verdana, sans-serif;
  font-size: 12px;
  color: #fff;
}

td.doing {
  background-color: #2d2d2d;
  padding-left: 15px;

  text-align: left;
}

td.doing a {
  font-family: Arial, verdana, sans-serif;
  font-size: 11px;
  color: #999999;
  color: #fff;
}

input.c {  BORDER-RIGHT: #1562ef 1px solid; BORDER-TOP: #1562ef 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #1562ef 1px solid; COLOR: #000000; BORDER-BOTTOM: #1562ef 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #FFFFFF;}
.rubrique {
cursor: pointer;
text-align: center;
font-weight: bold;
font-family: arial;
font-size: 12px;
color: #1562ef;
border-style: dotted;
border-color: #1562ef;
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 1px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
z-index: 5;
}

.sousrubrique {
z-index: 3;
background: #E2EBF0;
border-style: dotted ;
border-color: #083990;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-left: 5px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.sousrubriquerouge {
z-index: 3;
background-color: #37CEF9;
border-style: dotted ;
border-color: #083990;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-left: 5px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.sousrubriqueover {
z-index: 3;
background: #B6CBD7;
border: dotted #083990;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-left: 5px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

.itemMenu {
color: #1562ef;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
display: block;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
top: 0px;
}
#menu1 {
left: 0px;
}
#menu2 {
left: 122px;
}
#menu3 {
left: 244px;
}
#menu4 {
left: 366px;
}
#menu5 {
left: 488px;
}
#menu6 {
left: 610px;
}
#sous_menu1 {
position: absolute;
top: 25px;
left: 0px;
z-index: 4;
}

#sous_menu11
{
position: absolute;
top: 74px;
left: 128px;
}


.multi_lienover {
	color:#03D1E4!important;
}


#sous_menu2 {
position: absolute;
top: 25px;
left: 128px;
z-index: 4;
}

#sous_menu12
{
position: absolute;
top: 74px;
left: 256px;
}


.multi_lienover {
	color:#03D1E4!important;
}


#sous_menu3 {
position: absolute;
top: 25px;
left: 256px;
z-index: 4;
}

#sous_menu13
{
position: absolute;
top: 74px;
left: 384px;
}


.multi_lienover {
	color:#03D1E4!important;
}


#sous_menu4 {
position: absolute;
top: 25px;
left: 384px;
z-index: 4;
}

#sous_menu14
{
position: absolute;
top: 74px;
left: 512px;
}


.multi_lienover {
	color:#03D1E4!important;
}


#sous_menu5 {
position: absolute;
top: 25px;
left: 512px;
z-index: 4;
}

#sous_menu15
{
position: absolute;
top: 74px;
left: 640px;
}


.multi_lienover {
	color:#03D1E4!important;
}


#sous_menu6 {
position: absolute;
top: 25px;
left: 640px;
z-index: 4;
}

#sous_menu16
{
position: absolute;
top: 74px;
left: 768px;
}


.multi_lienover {
	color:#03D1E4!important;
}