/****/
#divContenu{
}
/***/

/*#####################################################*/
/** divImage - image avec cadre**/
/*#####################################################*/
.divImage{
	margin-top:11px;
}
/*#####################################################*/

/*#####################################################*/
/**Texte à droite de l'image**/
/*#####################################################*/
.commentaire{
	font-size:68.75%;
	font-weight:bold;
	color:#ff7300;
	margin-top:20px;
}
/*#####################################################*/

/*#####################################################*/
/**Texte**/
/*#####################################################*/
#divTexte{
	padding-left:10px;
}
.titreDivTexte{
	margin-top:18px;
	margin-bottom:18px;
	color:#FF7300;
	border-left:2px solid #ff7300;
	margin-left:2px;
	padding-left:7px;
}

#texteAvecMarge{
	margin-left:49px;
}
.sousTitre{
	color:#717566;
	text-decoration: underline;
	margin-top:18px;
}
/*#divTexte ul li{
	list-style:none !important;
}

#divTexte ul li{
	background:url(../images/imagesContenu/carreorange.png) no-repeat 0 0.5em;
	background-repeat:no-repeat;
	padding-left:9px;
} */   
/*#####################################################*/

/*#####################################################*/
/**styles relatifs à la page repartionDesSecteurs**/
/*#####################################################*/
.exemple{
	padding-top:18px;
	margin-left:-9px;
	color:#717566;
}
.rubAttention{
	background-color:#e7ead9;
	margin-top:18px;
	margin-bottom:18px;
	padding:10px 10px 10px 10px;
}
/*#####################################################*/


/*******************************************************************************************************************/
/*												styles flex															*/
/*******************************************************************************************************************/

/*Définit la forme du paragraphe généré par le rte en justifiée*/
.bodytext{
	text-align:justify!important;
}

/********************** Flex "Chapeau+Photo+Texte" et Flex "Texte simple" **************************************/

/*Définit le fond du div en gris si dans le flex on choisit encadre*/
.divEncadreGris{
	background-color:#e7ead9;
	margin-top:18px;
	margin-bottom:18px;
	margin-left:10px;
	padding:10px 10px 10px 10px;
	font-size:70%;
}

/*Définit un div sans background si dans le flex on choisit non encadre*/
.divSimple{
	margin-top:18px;
	margin-bottom:18px;
	font-size:70%;
	padding-left:10px;
}

/*Définit la forme du paragraphe en justifiée*/
.divEncadreGris p{
	text-align:justify !important;
}
.divSimple {
	text-align:justify;
}
.divSimple p.bodytext,.divEncadreGris p.bodytext{
	text-align:justify !important;
}

/********************** Fin Flex "Chapeau+Photo+Texte" et Flex "Texte simple" **************************************/

/************************************** Flex "Chapeau+Photo+Texte" *************************************************/

/*Définit le cadre de l'image pour le flex de la photo avec le texte et le chapeau*/

/*Définit la zone bas gauche du cadre de la photo*/
.divImage .imageAligneLeft {
	background:url(../images/imagesContenu/cadreBG.gif) no-repeat 0 100%;
	margin-bottom:5px;
}
.divCadreBG{
	background:url(../images/imagesContenu/cadreBG.gif) no-repeat 0 100%;
	margin-bottom:5px;
	/*width:222px;*/
	/*float:left;*/
	/*padding-right:10px;*/
}

/*Définit la zone haut droit du cadre de la photo*/
.divCadreHD{
	background:url(../images/imagesContenu/cadreHD.gif) no-repeat  100% 0!important;
}

/*Définit la zone bas droit du cadre de la photo*/
.divCadreBD{
	background:url(../images/imagesContenu/cadreBD.gif) no-repeat 100% 100%!important;
}

/*Définit la zone haut gauche du cadre de la photo*/
.divCadreHG{
	background:url(../images/imagesContenu/cadreHG.gif) no-repeat 0 0 !important;
	padding: 11px 11px 11px 11px;
}

/*Fin définit le cadre de l'image pour le flex de la photo avec le texte et le chapeau*/

/*Définit l'alignement à gauche du texte du paragraphe généré par le rte*/
.divChapeau p.bodytext{
	text-align:left!important;
	padding-bottom:20px;
	}

/*Définit l'alignement de la photo à gauche*/
.imageAligneLeft{
	float:left!important;
	margin-right:10px;
}

/*Définit l'alignement de la photo à droite*/
.imageAligneRight{
	float:right !important;
	margin-left:10px;
}

/*Définit le style du chapeau*/
.divChapeau{
	padding-top:8px;
	font-weight:bold;
	color:#ff7300;
}
.divTexteChapeau{
}

/************************************** Fin flex "Chapeau+Photo+Texte" ********************************************/

/********************************************* Flex "Photo centrale" **********************************************/

/*Définit  l'alignement centré de la photo*/
.divCenter{
	text-align:center;
	margin:10px 0 10px 0;
}

/*******************************************Fin flex "Photo centrale" ********************************************/

/******************************************* Flex "Liste à puces" ************************************************/

/*Définit  le style de la liste pour le flex liste à puces*/
.divListePuces{
	font-size:70%;
	margin-left:10px;
}
/*.divListePuces{
	margin-top:22px;
	font-size:70%;
}
.divListePuces ul{
	list-style:none;
	margin-left:49px;
}

.divListePuces ul li{
	background:url(../images/imagesContenu/carreorange.png) no-repeat 0 0.5em;
	padding-left:9px;
}
.divListePuces ul li p{
	text-align:justify !important;
}
*/
#divContenu a {
	color:#FF7300 !important;
	text-decoration:underline !important;	
}
.divSimple a, .divListePuces li p a, .divTexteChapeau a, .divChapeau a, .divEncadreGris a, .tableDeuxColonnes a, .tableTroisColonnes a, .table4Colonnes a, .table5Colonnes a {
	color:#FF7300;
	text-decoration:underline;
}

/****************************************Fin flex "Liste à puces" ************************************************/

/*************************************** Flex "Titre/Intertitre" ************************************************/

/* Définit  le style du titre pour le flex titre/intertitre */
.titre{
	margin-top:18px;
	margin-bottom:18px;
	color:#FF7300;
	border-left:2px solid #ff7300;
	margin-left:10px;
	padding-left:7px;
	font-size:70%;
}

/* Définit  le style de l'intertitre pour le flex titre/intertitre */
.interTitre{
	color:#717566;
	text-decoration: underline;
	margin-top:18px;
	margin-left:49px;
	font-size:70%;
}
/*************************************** Fin flex "Titre/Intertitre" ********************************************/

/********************************************** Flex Tableaux ***************************************************/
.borderRightNone{
	border-right:none!important;
}

/* Définit l'alignement à gauche du texte du paragraphe généré par le rte */
table tr td p.bodytext{
	text-align:left!important;
	}

/* Définit le style des tableaux générés pour les différents nombre de colonnes */
.tableDeuxColonnes,.tableTroisColonnes, .table4Colonnes, .table5Colonnes{
	width:490px;
	margin-bottom:26px;
	margin-right:0px;
	margin:10px 0 10px 10px;
}

/* Définit le style des entêtes des tableaux générés pour les différents nombre de colonnes */
.tableDeuxColonnes th, .tableTroisColonnes th, .table4Colonnes th, .table5Colonnes th{
	vertical-align:top;
	background-color:#847399;
	color:white;
	text-transform:uppercase;
	padding:4px 0 4px 5px;
	text-align:left;
	font-size:70%;
}

/* Définit le style des colonnes des tableaux générés pour les différents nombre de colonnes */
.tableDeuxColonnes tr td, .tableTroisColonnes tr td, .table4Colonnes tr td, .table5Colonnes tr td{
	vertical-align:top;
	padding:2px 5px 2px 5px;
	border-right: 2px solid white;
	}
.tableDeuxColonnes td{
	width:248px;
	height:18px;
	font-size:70%;
}
.tableTroisColonnes td{
	width:33%;
	height:18px;
	font-size:70%;
}
.table4Colonnes td{
	width:25%;
	height:18px;
	font-size:70%;
}

.table5Colonnes td{
	width:20%;
	height:18px;
	font-size:70%;
}
.newMarginBottom{
	margin-bottom:22px;
}

/********************************************** Fin flex Tableaux ***********************************************/

/************************************************ Flex Photos ***************************************************/

#divPhotos{
	padding-left:12px;
	clear:both;
}
#marginRightZero{
	margin-right:0!important;
}
/**********flex photos 2 colonnes****************/
.photo2Col{
	float:left;
}
.info2Col{
	width:114px;
	float:left;
	font-size:70%;
	padding-left:5px;
}
.info2Col span{
	font-weight:bold;
}
.lienPhoto{
	font-weight:normal!important;
}
.info2Col p.bodytext{
	text-align:left!important;
}

.divPhoto2Col{
	width:239px;
	float:left;
	margin-right:10px;
	padding-bottom:16px;
	float:left;
}
#divPhoto2Col2{
	margin-right:0!important;
}

/**********Fin flex photos 2 colonnes************/

/**********flex photos 3 colonnes****************/
.info p{
	text-align:left!important;
	text-transform:lowercase;
}
.divPhoto3Col{

	font-size:70%;
	width:120px;
	margin-right:64px;
	float:left;
	padding-bottom:19px;
}

.divPhoto3Col .info p, .divPhoto4Col {
	text-align:left!important;
	text-transform:none !important;
}

.divPhoto3Col span{
	font-weight:bold;
}

/**********Fin flex photos 3 colonnes************/

/********** flex photos 4 colonnes***************/

.divPhoto4Col span{
	font-weight:bold;
}
.divPhoto4Col{
	width:114px;
	margin-right:10px!important;
	margin-right:9px;
	padding-bottom:10px;
	font-size:70%;
	float:left;
}

.divPhoto4Col .info p {
	text-transform:none;
}
.divPhoto4Col a {
	display:block;
}
/*******Fin flex photos 4 colonnes***************/

/*********************************************Fin Flex Photos ***************************************************/

/*******************************************************************************************************************/
/*										Fin styles flex																*/
/*******************************************************************************************************************/

/****************** Style formulaire ****************************/
.csc-mailform{
	background:#E7EAD9;
	font-size:70%;
	margin-top:10px;
	border:1px solid #ACB39B;
	padding:20px 0 20px 11px;
}

.csc-mailform input,textarea{
float:left;
margin-top:5px;
border-style: solid;
border-width: 1px;
border-color: #7F9EBA;
width:270px;
}

/**Texte**/
#divTexte{
	padding-left:10px;
}
.titreDivTexte{
	margin-top:18px;
	margin-bottom:18px;
	color:#FF7300;
	border-left:2px solid #ff7300;
	margin-left:2px;
	padding-left:7px;
}

#texteAvecMarge{
	margin-left:49px;
}
.sousTitre{
	color:#717566;
	text-decoration: underline;
	margin-top:18px;
}
#divTexte ul li{
	list-style:none !important;
}
/*#divTexte ul li{
	background:url(../images/imagesContenu/carreorange.png) no-repeat 0 70%;
	background-repeat:no-repeat;
	padding-left:9px;
}
*/

#divTexte ul li{
	background:url(../images/imagesContenu/carreorange.png) no-repeat 0 6px;
    background-repeat:no-repeat;
    padding-left:9px;
}    

/**styles relatifs à la page repartionDesSecteurs**/
.exemple{
	padding-top:18px;
	margin-left:-9px;
	color:#717566;
}
.rubAttention{
	background-color:#e7ead9;
	margin-top:18px;
	margin-bottom:18px;
	padding:10px 10px 10px 10px;
}

/*****************Style form Espace privé***************************/

#formEspacePrive{
	padding-bottom:5px;
}
#formEspacePrive .csc-mailform{
	border:none !important;
	margin-top:0px;
	padding-bottom:2px;
}
#formEspacePrive .csc-mailform label{
	font-size:130%;
	color:#ACB39B;
	text-transform:uppercase;
}

#formEspacePrive .csc-mailform input{
	width:150px;
	height:1.5em;
	font-size:130%;
}

#formEspacePrive .csc-mailform-submit, .csc-mailform-label{
	margin-left:0px;
	font-size:120%;
}

#formEspacePrive{
	background:#E7EAD9;
	margin:10px 0 10px 0;
	border:1px solid #ACB39B;
	font-size:70%;
}
#formEspacePrive a{
	margin-left:110px;
	color:black;
	text-decoration:underline;
}
#formEspacePrive a:hover{
	text-decoration:none;
}

.csc-mailform-submit{
float:left;
margin-top:5px;
margin-left:170px;
color:white;
font-weight:bold;
border:none !important;
background:#B6D44D;
width:auto !important;
}

.divPagination a{
	color:#727564;
}
.divPagination a:hover{
	text-decoration:underline;
}

.divDetail1,.divDetail2,.divDetail3,.divDetail4,.divDetail5,.divDetail6,.divDetail7,.divDetail8,.divDetail9,.divDetail10,.divDetail11,.divDetail12,.divDetail13,.divDetail14,.divDetail15,.divDetail16,.divDetail17,.divDetail18,.divDetail19,.divDetail20{
	display: none;
}



/* Qualite de l'eau */
#QETable1 th,#QETable2 th{
	text-align:left;
}
/**ajouter pr le style des liens*/
.bodytext a{
	color: #FF7300;
	text-decoration:underline;
}