/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

body {
margin: 0pt;
padding: 0pt;
background-image: url(../pictos_site_21/fond_page.jpg);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 11px;
line-height: 1.4em;
background-color: #ffffff;
background-position: center top;
color: #6D7375; }

img {
border: 0;
}

a {
color: #3db2dd;
text-decoration: underline;
}

a:hover {
color: #3db2dd;
text-decoration: none;
}



h1 {
text-align: left;
color: #02325a;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
font-size: 18px;
margin-top: 0px;
margin-bottom: 8px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
line-height: 18px;}

h2 {
font-size: 15px;
color: #02719e;
font-weight: normal;
padding: 0px;
margin-bottom: 5px;
}

h2 a, h2 a:hover{
color: #00A4EB;
}

h3 {
font-size: 12px;
color: #02325a;
padding: 0px;
margin: 0px;
}

h4 {
font-size: 12px;
color: #02719e;
font-weight: normal;
padding: 0px;
margin-bottom: 2px;
}

h5 {
font-size: 12px;
color: #00A4EB;
padding: 0px;
margin-bottom: 0px;
}

.texte-blanc12{
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
}

.texte-bleu12{
text-align: left;
color: #3299c3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
}

.text-12{
font-size: 12px;
color:#02719e;
}

.texte-bleu-fonce{
text-align: left;
color: #02325a;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 3px;
margin-bottom: 0px;
text-transform: uppercase;
}

.texte-bleu-fonce15{
color: #02325a;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
margin-bottom: 10px;
}

.texte-bleu-fonce20{
color: #02325a;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
margin-bottom: 10px;
}

.texte-bleu-clair{
text-align: left;
color: #38b1dc;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
}

.texte-jour{
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
font-weight: bold;
}

.texte-mois{
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 20px;
}

.texte-12px {
font-size: 12px;
}

.texte-13px {
font-size: 13px;
}

.texte-noir {
color: #000000;
}

.texte-bleu {
color: #02719e;
}

.texte-rouge {
color: #9b139b;
}

.texte-bleu-marine{
color: #02325a;
}


.text-gris{
font-size: 12px;
}

.titre-nouveau {
font-size: 10px;
color: #fff;
background-color: #02719e;
padding: 1px;
font-weight: bold;
text-transform: uppercase; }

.titre-date {
color: #F4801C;
font-size: 14px;
}

#groupe-bio-uv {
color: #e65c01;
background-image: url(../pictos_site_21/theme_groupe_bio_uv.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#piscines-et-spas-prives {
color: #c70756;
background-image: url(../pictos_site_21/theme_piscines_et_spas_prives.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#piscines-et-spas-collectifs {
color: #0a95ce;
background-image: url(../pictos_site_21/theme_piscines_et_spas_collectifs.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#potabilisation {
color: #85c926;
background-image: url(../pictos_site_21/theme_potabilisation.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#process-industriel {
color: #49d5e2;
background-image: url(../pictos_site_21/theme_process_industriel.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#traitement-legionelles {
color: #f6a903;
background-image: url(../pictos_site_21/theme_traitement_des_legionelles.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#eaux-usees {
color: #16bfa5;
background-image: url(../pictos_site_21/theme_eaux_usees.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#aquarium {
color: #870ace;
background-image: url(../pictos_site_21/theme_aquarium.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#ballast-water-treatment {
color: #278b49;
background-image: url(../pictos_site_21/theme_ballast_water_treatment.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

.lien-actu {
font-size: 1.3em;
font-weight: bold;
}

.lien-actu a{
text-decoration: none;
}

.lien-actu a:hover{
text-decoration: underline;
}

.fond-bloc-actus{
background-color: #f3f3f3;
z-index: 1;
padding: 10px;
margin-bottom: 15px;
}

.bloc-couleur {
margin-top: 10px;
margin-bottom: 10px;
border: 1px #D5D5D5 solid;
background-color: #d4e9f1;
padding: 10px;
}

.bloc-cadre {
margin: 0px;
background-color: #ffffff;
padding: 10px;
background-image: url(../pictos_site_21/back_bloc_gris.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px #D5D5D5 solid; }

.marge-gauche {
margin-left: 10px;
 }

.marge-droite {
margin-right: 10px;
}

.marge-bas {
margin-bottom: 10px;
}




hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #E7E7E7;
 background-color: #E7E7E7;
 border: 0;
margin-top: 10px;
margin-bottom: 10px; }


tbody {
font-size: 12px;
}


form {
display:block;
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
}

ul{
margin-top: 10px;
margin-bottom: 10px;
margin-left: 25px;
margin-right: 0px;
padding: 0px;
}

li{
list-style-type: none;
background-image: url(../pictos_site_21/puce_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

ol {
list-style-type: decimal; 
background-image: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}

#conteneur {
margin: auto;
width: 931px;
}

#top-conteneur{
height:19px; 
background: url(../pictos_site_21/fond_top_bloc_blanc2.gif) no-repeat center;
}

#conteneur-bas2 {
background-color: #fff;
padding: 0px;
padding-left:27px;
padding-right: 27px;
}


#conteneur-bas {
background-color: #fff;
height: 400px;
padding: 0px;
padding-left:27px;
padding-right: 27px;
}

#conteneur-bas H1{
text-align: left;
color: #fff;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
margin-bottom: 3px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
text-decoration: none;
}

#conteneur-bas a{
text-align: left;
color: #3299c3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 3px;
margin-bottom: 0px;
text-decoration: none;
}

#conteneur-bas a:hover{
text-decoration: underline;
}


#header {
margin: 0px;
margin-bottom: 30px;
padding: 0px;
height: 115px;
background-image: none;
position: relative;
}

/* ----H1 BLOCS page accueil---- */
#conteneur-bas h1 a  {
text-align: left;
color: #fff;
font-family: "Arial",Trebuchet,Verdana, Helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
margin-bottom: 3px;
padding-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: normal;
text-decoration: none; }

#conteneur-bas h1 a:hover {
color: #3db2dd;
text-decoration: none;
}


/* --2 BLOCS Groupe Bio UV + Piscines et Spas---- */

/*#bloc-groupe-bio-uv,
#bloc-piscines-spas-prives {
float: left;
background-image: url(../pictos_site_21/img_groupe_bio_uv.jpg);
background-repeat: no-repeat;
line-height: 1.4em;
width: 433px;
height: 102px;
margin-top: 0px;
margin-right: 10px;
padding: 0px;
background-color: #ffffff;
}*/

/*#titre-bloc-groupe-bio-uv{
margin-left: 270px;
margin-top: 55px;
}

#titre-bloc-piscines-spas-prives{
margin-left: 270px;
margin-top: 20px;
}*/

#bloc-groupe-bio-uv,
#bloc-piscines-spas-prives,
#bloc-ballast-water-treatment {
	float: left;
	background-image: url(../pictos_site_21/img_groupe_bio_uv2.jpg);
	background-repeat: no-repeat;
	line-height: 1.4em;
	width: 285px;
	height: 100px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	padding: 0px;
	background-color: #ffffff;
}

#bloc-piscines-spas-prives {
background-image: url(../pictos_site_21/img_piscine_et_spas_prives2.jpg);
}

#bloc-ballast-water-treatment {
background-image: url(../pictos_site_21/img_ballast_water_treatment.jpg);
margin: 0;
}

#titre-bloc-groupe-bio-uv{
	margin-left: 165px;
	margin-top: 40px;
	padding-right: 25px;
}

#titre-bloc-piscines-spas-prives{
margin-left: 165px;
margin-top: 3px;
}

#titre-bloc-ballast-water-treatment{
margin-left: 165px;
margin-top: 40px;
}

/* --3 Autres BLOCS du CENTRE---- */

#bloc-piscines-spas-collectifs, #bloc-potabilisation,
#bloc-process-industriel, #bloc-traitement-legionelles, #bloc-eaux-usees, #bloc-aquarium{
float: left;
background-image: url(../pictos_site_21/img_piscine_et_spas_collectifs.jpg);
background-repeat: no-repeat;
line-height: 1.4em;
width: 285px;
height: 100px;
margin-top: 0px;
margin-right: 10px;
margin-left: 0px;
padding: 0px;
background-color: #ffffff;
}

#bloc-potabilisation{
background-image: url(../pictos_site_21/img_potabilisation.jpg);
}

#bloc-process-industriel{
margin-right:0px;
background-image: url(../pictos_site_21/img_process_industriel.jpg);
}

#bloc-traitement-legionelles{
background-image: url(../pictos_site_21/img_traitement_des_legionelles.jpg);	
}

#bloc-eaux-usees{
background-image: url(../pictos_site_21/img_eaux_usees.jpg);
}

#bloc-aquarium{
margin-right:0px;
background-image: url(../pictos_site_21/img_aquarium.jpg);
}


#titre-bloc-piscines-spas-collectifs,
#titre-bloc-potabilisation,
#titre-bloc-process-industriel{
margin-left: 165px;
margin-top: 40px;
}

#titre-bloc-potabilisation{
margin-top: 55px;
}


#titre-bloc-traitement-legionelles,
#titre-bloc-eaux-usees,
#titre-bloc-aquarium{
margin-left: 165px;
margin-top: 40px;
}

#titre-bloc-eaux-usees,
#titre-bloc-aquarium{
margin-top: 55px;
}


#pastille-economisez{
position:relative; 
top:-105px; 
left:112px; 
width:75px; 
height:72px;
margin-bottom:-100px;
}

*>#pastille-economisez{
margin:0px;
left:218px;
}



/* --Bloc A LA UNE---- */
#date{
color:#FFFFFF;
overflow:hidden;
font-size:22px;
line-height:15px;
padding-top:7px;
background-image:url('../pictos_site_21/newsdate.jpg');
float:left;
clear:both;
width:50px;
height:43px;
text-align:center;
}

#date span{
font-size:11px;
}

.span-12 {
width: 424px;
}

.last {
margin-right:0;
}

div.newscall {
background-image:url('../pictos_site_21/newsgrad.jpg');
height:43px;
overflow:hidden;
margin:0px;
}

#article {
color:#FFFFFF;
left:5px;
line-height:1.5em;
padding:6px 10px 5px 10px;
position:relative;
font-size:99%;
}

#article a{
color:#FFFFFF;
}

#article a:hover{
color:#ffffff;
text-decoration:underline;
}

#bloc-a-la-une {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-left: 0px;
padding: 0px;
line-height: 1.4em;
width: 424px;
height: 139px;
text-align: left;
background-color: white; }

#bloc-date {
float: left;
padding-top: 7px;
text-align: center;
width: 50px;
height: 43px;
background-image: url(../pictos_site_21/fond_date.jpg);
background-repeat: repeat-x;
}

#bloc-date-text {
float: right;
text-align: left;
width: 374px;
height: 43px;
background-image: url(../pictos_site_21/fond_date_text.jpg);
background-repeat: repeat-x;
}

#div-texte-blanc11{
margin-top: 6px;
margin-bottom: 8px;
margin-left: 6px;
}

#div-texte-blanc11 a{
text-align: left;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
}

#div-texte-blanc11 a:hover{
text-decoration: underline;
}

#bloc-comment-ca-marche{
width: 422px;
height: 60px;
float: left;
padding: 0;
background-color: #f8f8f8;
border: 1px solid #dedede;
}

#comment-ca-marche{
margin-left: 8px;
margin-top: 6px;
}

.deroulant {
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size : 10px;
width: 370px;
}

.deroulant select {
width:370px;
font-size : 10px;
border: 1px solid #838383;
}

#bloc-sav{
float: right;
background-image: url(../pictos_site_21/photo_sav.gif);
background-repeat: no-repeat;
width: 204px;
height: 60px;
background-color: #f8f8f8;
border: 1px solid #dedede;
}

/* --Bloc FOCUS---- */

#bloc-focus {
float: right;
margin: 0px;
margin-top: 5px;
margin-right: 0px;
padding: 0px;
line-height: 1.4em;
width: 424px;
height: 134px;
text-align: left;
background: url(../pictos_site_21/fond_focus.gif) repeat-x 0 bottom;
background-color: white;
}

#bloc-focus a{
color: #38b1dc;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}

#bloc-focus a:hover{
text-decoration: underline;
}

#pk-les-uv{
margin-left: 9px;
margin-top: 0px;
margin-bottom: 14px;
margin-right: 9px;
}


#bloc-zoom {
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
background-image: url(../pictos_site_21/back_top_jaune.gif);
background-repeat: no-repeat;
background-position: right top;
background-color: #FFFAD6;
}

#bloc-zoom p{
padding: 10px;
}

#bloc-zoom h1{
color: #000;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-zoom a{
color: #000;
text-decoration: none;
}

#bloc-zoom a:hover{
text-decoration: underline;
}


#bloc-actu-accueil {
width: 169px;
margin-top: 5px;
margin-bottom: 0px;
padding: 0px;
/*background-image: url(../pictos_site_21/back_top_bleu.gif);*/
background-repeat: repeat-x;
background-position: left top;
background-color: #39b1dc;
line-height: 1.4em;
}

#bloc-actu-accueil p{
padding: 0px;
}

#bloc-actu-accueil h1{
color: #000;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

.text-date-actu{
color: #03345b;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 5px;
}

#bloc-actu-accueil ul {
margin-left: 0px;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-actu-accueil li {
line-height: 13px;
font-size: 12px;
color: #ffffff; 
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
background-image: url(../pictos_site_21/coin_rose-filet.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
}

#bloc-actu-accueil li.groupe-bio-uv {
background-image: url(../pictos_site_21/coin_orange_filet.gif);
}

#bloc-actu-accueil li.piscines-et-spas-prives {
background-image: url(../pictos_site_21/coin_rose_filet.gif);
}

#bloc-actu-accueil li.piscines-et-spas-collectifs {
background-image: url(../pictos_site_21/coin_bleuf_filet.gif);
}

#bloc-actu-accueil li.potabilisation {
background-image: url(../pictos_site_21/coin_vert_pomme_filet.gif);
}

#bloc-actu-accueil li.process-industriel {
background-image: url(../pictos_site_21/coin_bleu_clair_filet.gif);
}

#bloc-actu-accueil li.traitement-legionelles {
background-image: url(../pictos_site_21/coin_jaune_filet.gif);
}

#bloc-actu-accueil li.eaux-usees {
background-image: url(../pictos_site_21/coin_bleuvert_filet.gif);
}

#bloc-actu-accueil li.aquarium {
background-image: url(../pictos_site_21/coin_violet_filet.gif);
}

#bloc-actu-accueil li.ballast-water-treatment {
background-image: url(../pictos_site_21/coin_violet_filet.gif);
}

#bloc-actu-accueil a {
margin: 0pt;
padding-left: 0px;
color: #fff;
text-decoration: none;
display: block;
border-bottom: none; 
}

#bloc-actu-accueil a:hover {
text-decoration: underline;
}

#voir-actus {
width:169px;
height: 25px;
background-image: url(../pictos_site_21/fond_actus.gif);
background-repeat: no-repeat;
padding-top: 6px;
padding-left: 30px;
}

#voir-actus a{
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#voir-actus a:hover{
text-decoration: underline;
}


#bloc-agenda {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}

#voir-agenda {
width:169px;
height: 25px;
background-image: url(../pictos_site_21/fond_actus.gif);
background-repeat: no-repeat;
padding-top: 6px;
margin-top: 10px;
padding-left: 30px;
}

#voir-agenda a{
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}

#voir-agenda a:hover{
text-decoration: underline;
}

#bloc-ressources {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}

#voir-ressources {
width:169px;
height: 33px;
background-image: url(../pictos_site_21/btn_ressources.gif);
background-repeat: no-repeat;
padding-top: 6px;
margin-top: 10px;
padding-left: 30px;
}

#voir-ressources a{
font-size: 11px;
font-weight: bold;
color: #666666;
text-decoration: none;
}

#voir-ressources a:hover{
text-decoration: underline;
}


#bloc-services {
margin-top: 25px;
margin-bottom: 0px;
background-color: #ffffff;
}


#flashcontent{
margin-bottom: 18px;
padding: 0px;
height: 212px;
}

#bloc-icones {
float: right;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}


#gauche{
margin-top: 30px;
padding: 0px;
border-top: 1px #E7E7E7 solid;
}


#bloc-logo {
position:relative;
top: 42px;
left: 24px;
float: left;
margin: 0px;
padding: 0px;
}




/* menu*/

#menu {
padding: 0px;
margin: 0px;
height: 56px;
}

#menu-principal {
padding: 0px;
margin-left: 6px; /* 3 */
float:left;
height: 56px;
text-align: left; }

#menu-principal .mattblackmenu li a {
	margin: 0 2px 0 0;
}


#menu-langue{
padding: 0px;
padding-top:10px;
padding-right: 10px;
float:left;
z-index: 150;
position: relative;
}

/* Gestion du menu de la langue*/

#smenu2 {
margin:0px;
padding:0px;
list-style-type:none;
text-align:left;
z-index: 50;
}

ul#smenu2 {
margin-top: 0px;
}

*>ul#smenu2 {
margin-top: 4px;
margin-bottom: 0px;
}

#smenu2 li {
background-image: none;
margin:0px;
padding:0px;
}

#smenu2 img {
border:none;
}

#liens-sup{
padding: 0px;
padding-top:10px;
float:left;
}

#liens-sup a{
text-decoration: none;
}

#liens-sup a:hover{
text-decoration: underline;
}


#phrase-rose{
margin-top: 40px;

}

#bloc-rechercher{
margin: 0px;
padding: 0px;
float: left;
height: 27px;
width: 170px;
}

.habillage-recherche {
width: 120px;
height: 20px;
background-color: #ffffff;
border: 1px #767676 solid;
margin-right: 4px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
vertical-align: middle;
display: inline-block;
padding-top: 2px;
padding-right: 1px;
padding-left: 3px;
color: #666666; 
}


.alignement {
vertical-align: middle;
display: inline-block;
}



#bloc-arbo {
font-size: 11px;
text-align: left;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
color: #6D7375;
border-bottom: 1px #dbdbdb solid;
}

#bloc-arbo a, #bloc-arbo a:visited {
text-decoration: none;
color: #6D7375;
}

#bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: underline;
color: #6D7375;
}

#arbo-on{
color: #355c7b;
}

#caleexplorer {
width: 100%;
}

#menu-gauche {
margin-top: 0px;
margin-bottom: 20px;
padding: 0px;
color: #6D7375;
line-height: 1.4em;
}


#menu-gauche ul {
margin-top: 0px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0pt;
}

#menu-gauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px #E7E7E7 solid;
background-image: none;
}

#menu-gauche a {
font-size: 12px;
margin: 0pt;
display: block;
color: #6D7375;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: bold;
}

#menu-gauche a:hover {
color: #03335b;}

#menu-gauche a.current {
color: #03335b;
}

#menu-gauche a.current:hover {
color: #03335b;
}

ul#subgauche {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border: none;
}

#subgauche li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px solid #ededed;
}

#subgauche li.dernier {
margin-bottom: 13px;
border-bottom: 0px solid #ededed;
}

#subgauche a {
font-size: 10px;
margin: 0px;
padding: 2px 2px 2px 17px;
display: block;
color: #666666;
text-decoration: none;
font-weight: normal;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#subgauche a:hover {
color: ##03335b;
text-decoration: underline;
}

#subgauche a.youarehere {
color: #03335b;
background-image: url(../pictos_site_21/fleche_bleu2.gif);
background-repeat: no-repeat;
background-position: 0px 8px; }

#subgauche a.youarehere:hover {
text-decoration: none;
}


#bloc-telechargement {
margin-top: 0px;
margin-bottom: 10px;
padding: 0 0px 10px 0;
line-height: 1.2em;
background: url(../pictos_site_21/ombre.gif) no-repeat right bottom;
}

#bloc-telechargement h1{
color: #cc66cc;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-telechargement ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-telechargement li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}



#bloc-telechargement a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/ico_default.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

#bloc-telechargement a.pdf {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/fleche_rose.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}

#bloc-telechargement a:hover {
text-decoration: underline;
}

#text-produit{
	
margin-right:15px; 
color: #38b1dc;
font-size: 12px;
line-height: 16px;
}

/* Bloc EN SAVOIR PLUS */

#bloc-en-savoir-plus {
margin-top: 0px;
margin-bottom: 10px;
padding: 0 0px 10px 0;
line-height: 1.4em;
background: url(../pictos_site_21/ombre.gif) no-repeat right bottom;
}

#bloc-en-savoir-plus h1{
color: #cc66cc;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-en-savoir-plus ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-en-savoir-plus li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-image: none;
}

#bloc-en-savoir-plus a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/ico_default.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
}

#bloc-en-savoir-plus a.pdf {
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
background-image: url(../pictos_site_21/fleche_rose.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}

#bloc-en-savoir-plus a:hover {
text-decoration: underline;
}

/* Bloc LIENS UTILES */

#bloc-liens {
margin-top: 0px;
margin-bottom: 10px;
padding: 0 0px 10px 0;
line-height: 1.2em;
background: url(../pictos_site_21/ombre.gif) no-repeat right bottom;
}

#bloc-liens h1{
color: #3db2dd;
font-size: 13px;
font-weight: normal;
margin: 0px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 0px;
border-bottom: none;
}

#bloc-liens ul {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding: 0px;
}

#bloc-liens li {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
padding-left: 0px;
display: block;
background-position: 0px 8px;
}

#bloc-liens a {
color: #999999;
font-size: 11px;
margin: 0px;
display: block;
padding-left: 15px;
text-decoration: none;
}

#bloc-liens a:hover {
text-decoration: underline;
}



#bloc-contact{
padding: 10px;
margin-top: 10px;
background-image: url(../pictos_site_21/back_contact.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #E6E6E6;
border: 1px #D8DADA solid;
line-height: 1.4em;
}

#bloc-contact h1{
color: #000;
font-size: 13px;
font-weight: bold;
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 5px;
border-bottom: none;
}


.ico-courrier {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_courrier.gif);
background-repeat: no-repeat;
background-position: left center; }


.ico-phone {
padding-left: 18px;
background-image: url(../pictos_site_21/ico_phone.gif);
background-repeat: no-repeat;
background-position: left center; }


#bloc-retour{
padding: 0px;
margin-top: 10px;
}

#bloc-nav-actu{
text-align: right;
width: 230px;
float: right;
padding: 0px;
margin: 0px;
}

.ico-fleche-gauche {
padding-left: 10px;
background-image: url(../pictos_site_21/fleche_bleu_gauche.gif);
background-repeat: no-repeat;
background-position: left center; }

.ico-fleche-droite {
padding-right: 10px;
background-image: url(../pictos_site_21/fleche_bleu.gif);
background-repeat: no-repeat;
background-position: right center; }



#pied {
height: 100px;
margin-top: 40px;
margin-left: 27px;
margin-right: 27px;
padding: 10px;
font-size: 10px;
color: #666666;
border-top: 1px #dedede solid;}


#pied a{
text-decoration: none;
color: #666666;
}

#pied a:hover{
text-decoration: underline;
}

#bloc-newsletter{
float: left;
width: 180px;
height: 40px;
text-align: left;
}

#liens-bloc{
float: right;
width:450px;
text-align: right;
margin: 25px 19px 0 0;
}

.espace{
margin-left: 10px;
margin-right: 10px;
color: #3db2dd;
}


.spacer {
clear: both;
}

#bloc-reseaux-sociaux{
float: right;
width: auto;
height: 40px;
text-align: left;
padding: 15px 0 0 0px;
}

#bloc-reseaux-sociaux a#picto-facebook,
#bloc-reseaux-sociaux a#picto-twitter,
#bloc-reseaux-sociaux a#picto-linkedin{
width: 22px;
height: 22px;
float: left;
margin: 0 9px 0 0;
background: transparent url(../pictos_site_21/picto_facebook.gif) no-repeat left top;
}

#bloc-reseaux-sociaux a#picto-twitter{
background: transparent url(../pictos_site_21/picto_twitter.gif) no-repeat left top;
margin: 0 0px 0 0;
}

#bloc-reseaux-sociaux a#picto-linkedin{
background: transparent url(../pictos_site_21/picto_linkedin.gif) no-repeat left top;
}

#bloc-reseaux-sociaux a:hover#picto-facebook{
background: transparent url(../pictos_site_21/picto_facebook_hover.gif) no-repeat left top;
}

#bloc-reseaux-sociaux a:hover#picto-twitter{
background: transparent url(../pictos_site_21/picto_twitter_hover.gif) no-repeat left top;
}

#bloc-reseaux-sociaux a:hover#picto-linkedin{
background: transparent url(../pictos_site_21/picto_linkedin_hover.gif) no-repeat left top;
}

#centre .telecharger a {
color: #3db2dd;
text-decoration: none;
padding-top: 3px;
padding-left: 18px;
padding-bottom: 3px;
background-image: url(../pictos_site_21/ico_disk.gif);
background-repeat: no-repeat;
background-position: left center;
font-weight: bold;
}

#centre .telecharger a:hover {
text-decoration: underline;
}


/*Liste centre*/

#liste ul{
margin-top: -20px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}

#liste li{
list-style-type: none;
background-image: url(../pictos_site_21/puce_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 10px;
padding-top: 0px;
}

#liste-centre{
margin: 0px;
padding: 0px;
}

#liste-centre ul{
list-style: none;
margin-top: 0px;
padding: 0px 20px 5px 20px;
}

#liste-centre li {
list-style-type: none;
background-image: url(../pictos_site_21/fleche_bleu2.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
margin: 0px;
padding-left: 10px;
padding-right: 14px;
padding-bottom: 5px;
padding-top: 0px;
}

#liste-centre a {
font-weight: bold;
text-decoration: underline; }

#liste-centre a:hover {
text-decoration: none; }




#subliste ol{
margin: 0px;
padding: 0px;
font-size: 10px;
}

#subliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 35px;
background-image: none;
color: #3db2dd;
}

#subliste a {
color: #666666;
font-weight: normal;
text-decoration: none;
}

#subliste a:hover {
color: #666666;
text-decoration: underline;
}



#subsubliste ul{
margin: 0px;
padding: 0px;
font-size: 10px;
}
#subsubliste li {
list-style-type: decimal; 
margin: 0px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 55px;
background-image: none;
color: #3db2dd;
}
#subsubliste a {
color: #3db2dd;
font-weight: normal;
text-decoration: none;
}
#subsubliste a:hover {
color: #3db2dd;
text-decoration: underline;
}


/*Tables*/


#centre caption{
background-color: #02719e;
color: #ffffff;
font-weight: bold; }


#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 95%;
}

*>#centre table{
border: 0px solid #D5D5D5;
border-collapse: collapse;
width: 100%;
}
#centre{
	line-height: 1.4em;
}

#centre th{
border: 0px #ffffff solid;
padding: 5px;
font-weight: bold;
color: #000000;
background-color: #D5F1FE;
text-align: left;
}

#centre td{
border: 0px solid #D5D5D5;
padding: 5px;
}

#centre thead{
background-color: #65696A;
border: 0px solid #65696A;
}

#centre td.titre{
border: none;
padding: 5px;
}

.habillage-news {
vertical-align: top;
width: 156px;
height: 19px;
border: 1px #dedede solid;
margin: 0px;
margin-top:8px;
padding: 2px;
padding-left: 5px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #999999;
line-height: 1.3em;
	background: #FFFFFF url(../pictos_site_21/fond_habillage_news.gif) repeat-x 0 bottom;
}


.habillage-champs {
width: 250px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
 }

.habillage-champs2{
width: 160px;
background-color: #ffffff;
border: 1px #D5D5D5 solid;
height: 18px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
}

.habillage-message {
width: 250px;
background-color: #ffffff;
border: 1px #999999 solid;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select {
background-color: #ffffff;
border: 1px #999999 solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px; }

.habillage-select2 {
width: 90%;
background-color: #ffffff;
border: 1px #cccccc solid;
height: 18px;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 3px;
margin-left: 24px;
margin-top: 10px;
margin-bottom: 10px;
}

.habillage-liste {
background-color: #ffffff;
font-size: 11px;
color: #666666;
width:55px;
border: 1px solid #cccccc;
}

#plus-infos {
margin-top: 20px;
background-image: url(../pictos_site_21/fond_plus_infos.gif);
background-repeat: repeat-x;
background-position: top;
border: 1px solid #d8dada;
background-color: #f4f4f4;
}

#text-plus-infos {
margin-top: 16px;
margin-left: 18px;
margin-bottom: 9px;
line-height: 17px;
background-color:transparent;
}


/* haut de page*/

#bloc-hautdepage {
text-align: right;
margin-top: 30px;
padding-top: 5px;
border-top: 1px #E7E7E7 solid;
font-size: 10px;
}

#bloc-hautdepage a{
color: #6D7375;
text-decoration: none;
}

#bloc-hautdepage a:hover{
color: #6D7375;
text-decoration: underline;
}

.ico-hautdepage {
padding-right: 10px;
background-image: url(../pictos_site_21/img_haut.gif);
background-repeat: no-repeat;
background-position: right center;
}


/* chiffres pages*/

ul#bloc-chiffre {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px; }

#bloc-chiffre li{
display: inline;
padding: 0;
background-image: none;
}

#bloc-chiffre a{
color: #646A6C;
border: 1px #E7E7E7 solid;
background-color: #F4F4F4;
padding:2px;
text-decoration: none;
}

#bloc-chiffre a:hover{
color: #ffffff;
border: 1px #02719e solid;
background-color: #02719e;
}

#bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #ffffff;
border: 1px #02719e solid;
background-color: #02719e;
}


/* chiffres lexique*/

ul#bloc-lexique {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px; }

#bloc-lexique li{
display: inline;
color: #D5D5D5;
padding:2px;
text-decoration: none;
font-weight: bold;
background-image: none;
}

#bloc-lexique a{
color: #6D7375;
text-decoration: underline;
}

#bloc-lexique a:hover{
color: #02719e;
text-decoration: none;
}

#bloc-lexique a.youarehere, .bloc-lexique a.youarehere:hover{
color: #ffffff;
padding: 2px;
background-color: #02719e;
text-decoration: none;
}

/* pages phototheque-------------------------------------------*/

ul#tabnav {
font-size: 11px;
list-style-type: none;
padding-bottom: 0px;
border-bottom: 1px solid #bfbfbf;
margin: 0;
color:#999999;
width:99%;
padding-left:5px;
}
*>ul#tabnav {
padding-bottom: 23px;
}

ul#tabnav li {
float: left;
color:#999999;
height: 20px;
padding: 0px;
background-color: #ffffff;
margin: 2px 2px 1px 0px;
border: 1px solid #dfdfdf;
border-bottom: 1px solid #bfbfbf;
list-style-type: none;
background-image: none;   
}

ul#tabnav li.active {
font-weight:bold;
color:#02325a;
border-color:#bfbfbf;
border-bottom: 1px solid #fff;
background-image:url(../pictos_site_21/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top;
background-color: #fff;
}

ul#tabnav li a {
color:#999999;
}

ul#tabnav li a:hover {
color:#02325a;
}

ul#tabnav li.active a {
color: #02325a;
background-image:url(../pictos_site_21/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top;
background-color: #ffffff;
}

#tabnav a {
cursor:pointer;
float: left;
display: block;
color: #999999;
text-decoration: none;
padding: 4px;
padding-left:5px;
padding-right:5px;
}

#tabnav a:hover {
color: #02325a;
background-image:url(../pictos_site_21/back_tabnav.gif);
background-repeat: repeat-x;
background-position:top left;
background-color: #ffffff;
}

#table-phototheque table {
line-height: 1.4em;
}

#table-phototheque td {
margin: 0;
padding: 7px;
}

#table-phototheque ul {
margin-top:5px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding:0;
}

#table-phototheque li{
list-style-type: none;
background: url(../pictos_site_21/mini_fleche_bleu.gif) no-repeat left 6px;
background-repeat: no-repeat;
background-position: 0px 10px;
padding-left: 10px;
padding-right: 14px;
padding-top: 2px;
padding-bottom: 1px;
}

#table-phototheque .marge-photo{
margin-bottom: 10px;	
}

#bloc-video {
position:absolute;
top: 40px;
left: 294px;
float: left;
margin: 0px;
padding: 0px;
}

#bloc-menu-top{
margin-right: 50px;
margin-top: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0px;
float: right;
}