/* parametres generaux */

.mea {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 17;
  -moz-border-radius: 17;
  border-radius: 17px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 1px 5px 1px 5px;
  text-decoration: none;
}

.mea:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.button {
    background-color: #c1272d;
    border: none;
	border-radius: 10px;
    color: white;
    padding: 5px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    cursor: pointer;
}

.buttonv {
    background-color: #009900;
    border: none;
	border-radius: 10px;
    color: white;
    padding: 5px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    cursor: pointer;
}

.buttoncp {
    background-color: #009900;
    border: none;
	border-radius: 10px;
    color: white;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 1px 1px;
    cursor: pointer;
}

#cont3 {
    float: left;
    width: 100%;
    background: #F8F8F9;
    overflow: hidden;
    position: relative;
}

#cont2 {
    float: left;
    width: 100%;
    background: #FFFFFF;
    position: relative;
    right: 22%; /* 30 */
}
#cont1 {
    float: left;
    width: 100%;
    background: #F8F8F9;
    position: relative;
    right: 60%; /* 40 */
}
#col1 {
    float: left;
    width: 15%; /* 26% */
    position: relative;
    left: 83%; /* 72% */
    overflow: hidden;
	padding: 0px 5px 0px 5px;
	/* line-height: 2; */
	/* list-style-type: none; */
}
#col2 {
    float: left;
    width: 57%; /* 36% puis 55% */
    position: relative;
    left: 86%; /* 76% */
    overflow: hidden; 
}
#col3 {
    float: left;
    width: 18%; /* 26 */
    position: relative;
    left: 88%; /* 80 92% */
    overflow: hidden;
	padding: 5px;
}

#cont3m {    
}

#cont2m {
    
}
#cont1m {    
}

#col1m {
}

#col2m {
	background: white;
	padding: 10px;
}

#col3m {   
}

.container {
    padding: 5px 0px 10px 0px;
	position: relative;
	text-align: center;
}

.textimg {
    position: absolute;
	bottom: 18px;
    right: 16px;
	color: #FFFFFF;
}	

body {
	background-color: #F8F8F9 ;
	margin: 0 auto ;
	font-family: verdana, arial, sans-serif ;
	color: #000000 ;
	font-size: 10pt ;
	max-width: 990px ;
	line-height: 1.125rem ;
}

td, tr, p, div {
	font-family: verdana, arial, sans-serif ;
	color: #000000 ;
	font-size: 10pt ;
}

p.c7 { /* ok */
	font-size: 9pt;
	font-weight: bold;
	color: #1F625D ;
	font-size: 10pt ;
	font-weight: bold;
}

p.blanc {
	color: #000000 ;
}

p.uppercase {
  text-transform: uppercase;
}


b {
	font-family: verdana, arial, sans-serif ;
	color: #c1272d ;
}

b.blanc {
	color: #000000 ;
}

b.jaune {
	color: #c1272d; ;
}

i {
	font-family: verdana, arial, sans-serif ;
	color: #000000 ;
}

li   {
    padding: 5px 0px 5px 0px;
}

li.slider2Image 
{
    padding: 0 0px 0px;
}

h1 {
	font-size: 110%;
	font-weight: bold;
	color: #c1272d ;
}

h1.jaune {
	font-size: 110%;
	font-weight: bold;
	color: #c1272d ;
}

h1.vert {
	font-size: 100%;
	font-weight: bold;
	color: #1F625D ;
}

h2 {
	font-size: 100%;
	font-weight: bold;
	color: #c1272d ;
}

h2.jaune {
	font-size: 100%;
	font-weight: bold;
	color: #c1272d ;
}

h3 {
	font-size: 90%;
	font-weight: bold;
	color: #c1272d ;
}

h6 {
	font-size: 80%;
	font-weight: normal;
}

b.chapeau {
	font-family: verdana, arial, sans-serif ;
	color: #273A2E;
}

b.exergue {
	font-size: 110%;
	font-weight: bold;
	color: #273A2E ;
}

hr.reve { 
	border-top: 1px solid #F8F8F9;
	width: 30%;
}

div.reve {
	padding: 20px 0px 0px 0px;
}	

div.w0 {
	padding: 10px 20px 10px 20px; 
	background-color: #F5F7F7;
}

div.w1 {
	padding: 10px 20px 10px 20px; 
	text-align: center;
	font-size: 9pt;
	background-color: #c1272d;
	color: #FFFFFF;
	line-height: 3;/
}

div.w2 {
	background-color: #3C5946;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.5;
	clear: both;
	position: relative;
}

div.crm {
	border-style: solid;
    border-width: 1px 0px 1px 0px;
	border-color: #E68287;
	line-height: 1.5;
}

div.fix {
	display: none;
}

div.mob {
	display: inline;
}	

div.nav {
	padding: 15px;
	font-size: 8pt;
	color: #1F625D;
	clear: both;
}

div.c {
	padding: 5px;
	text-align: center;
}	

div.c6 {
	background-color: #c1272d;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.5;
	clear: both;
	position: relative;
}

div.c6lr {
	background-color: #c1272d;
	padding: 5px 10px 5px 10px; ;
}

div.c6lrv {
	background-color: #1F625D;
}

div.c7 {
	padding: 1px 10px 1px 10px; 
	text-align: center;
	font-size: 9pt;
	/*font-weight: bold; */
	color: #006837;
	line-height: 4;
}

div.c7lr {
	background-color: #9D3238;
	position: relative;
	height: 60px;
}

div.c7lrg {
	position: absolute;
	left: 0px;
	height: 60px;
}

div.c7lrd {
	position: absolute;
	right: 0px;
	/*height: 60px; */
	padding: 15px 10px 15px 10px;
	color: white;
}

div.c8 {
	background-color: #c1272d;
	padding: 1px 15px 1px 15px;
	text-align: center;
	height: 60px;
}

div.c8m {
	background-color: #c1272d;
	padding: 5px 5px 5px 10px;
	text-align: center;
	height: 60px;
}

div.c8lr {
	background-color: #9D3238;
}

div.c9 {
	padding: 5px 15px 5px 15px;
	text-align: left;
	font-size: 9pt;
	line-height: 1.5;
	clear: both;
}

div.cp {
	/* background-color: #ffffff; */
	padding: 12px 0px 0px 0px; 
	text-align: center;
	font-size: 9pt;
	color: #006837;
}

div.homec {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	text-align: center;
	clear: both;
	width: 100%;
}

div.homed {
	padding: 0px 5px 0px 5px;
	width: 48%;
	display: inline-block;
	min-width: 300px;
	text-align: left;
	vertical-align: text-top;
}

div.homeg {
	padding: 0px 5px 0px 5px;
	width: 48%;
	display: inline-block;
	min-width: 300px;
	text-align: left;
	vertical-align: text-top;
}

div.home {
	padding: 8px 5px 5px 5px;
	border-style: solid;
    border-width: 0px 0px 1px 0px;
	border-color: #006837; /*#E68287; */
}

div.rub {
	background-color: #c1272d;
	font-size: 11px;
	padding: 1px 10px 1px 10px;
	display: inline-block;
}

div.complement {
	text-align: center;
	position: relative;
	padding: 10px 0px 10px 0px;
}

div.lric {
	/* background-color: #9D3238; */
	padding: 2px 0px 2px 0px;
	text-align: center;
	clear: both;
	width: 100%;
}

div.lri {
	padding: 5px 0px 5px 0px;
	width: 235px;
    display: inline-block;
}

div.tlr {
	padding: 0px 0px 5px 15px;
	text-align: left;
}

img.dt {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	border-style: none;
}

img.cent {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

img.centp {
	width: 100%;
	height: auto;
	max-width: 600px;
}

img.centn {
	width: 100%;
	height: auto;
	max-width: 900px;
}

img.demi {
	margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
	display: block;
	max-width: 280px;
}

img.troiscent {
	margin: auto;
	display: block;
	max-width: 300px;
}

img.home {
	float:right;
	padding: 15px 5px 5px 5px;
}

img.centpcent {
	width: 100%;
	height: auto;
}

span.g {
	float: left;
}

span.d {
	float: right;
}

.cl {
    width: 230px;
    height: 25px;
	display: inline-block;
}

ul {
	list-style-image : url(images/carre_rouge.gif);
}
  
ul.liens {
	list-style-image : url(images/carre_rouge.gif);
}

ul.jaune {
    margin: 0;
    margin-left: 1em;
    padding-left: 0.6em;
    list-style-type: disc;
    list-style-image: rl(images/carre_rouge.gif);
}
 
/* entete  */

table.entete {
	font-family: verdana, arial, sans-serif ;
	background-color: #F8F8F9 ;
	color: #273A2E ;
	font-size: 10pt ;
}

/* formulaire rechercher  */
table.rechercher {
	font-family: verdana, arial, sans-serif ;
	color: #273A2E ;
	font-size: 10pt ;
}

/* bandeau fond navigation */
table.bandeau {
	background-color: #c1272d ;
}	

/* navigation  */
table.navigation {
	font-family: verdana, arial, sans-serif ;
	color: #1F625D ;
	font-size: 10pt ;
	font-weight: bold;
}

/* chemin  */
table.chemin {
	font-family: verdana, arial, sans-serif ;
	background-color: #F8F8F9 ;
	color: #1F625D ;
	font-size: 10pt ;
}

td.chemin {
	font-family: verdana, arial, sans-serif ;
	color: #1F625D ;
	font-size: 8pt ;
}

/* menu  */
table.menu {
	font-family: verdana, arial, sans-serif ;
	color: #273A2E ;
	font-size: 9pt ;
	}

/* corps central */
table.corps {
	font-family: verdana, arial, sans-serif ;
	background-color: #F8F8F9 ;
	color: #121212 ;
	font-size: 10pt ;
	margin: 0 auto;
}

/* complement  */
table.complement {
	font-family: verdana, arial, sans-serif ;
	color: #273A2E ;
}

/* bas  */
table.bas {
	font-family: verdana, arial, sans-serif ;
	background-color: #F8F8F9 ;
	}

td.bas {
	font-family: verdana, arial, sans-serif ;
	color: #273A2E ;
	font-size: 10pt ;
	}

div.dm {
	position:fixed ;
	bottom: 0px ;
	background-color: green ;
	color: white ;
	text-align: center ;
	clear: both ;
	font-weight: bold ;
	font-size: 12pt ;
	padding: 7px 7px 7px 7px ;
}
	
/* navigation liens  */

a:link {color: #1F625D; text-decoration: underline}
a:visited {color: #1F625D; text-decoration: underline}
a:hover {color: #c1272d; text-decoration: underline}

a.dm:link {color: white; text-decoration: none}
a.dm:visited {color: white; text-decoration: none}
a.dm:hover {color: white; text-decoration: none}

a.home:link, a.home:active , a.home:visited, a.home:hover{
    text-decoration: none;
}

a.cp:link {font-size: 9pt; color: #FFFFFF; text-decoration: none}
a.cp:visited {color: #FFFFFF; text-decoration: underline}
a.cp:hover {color: #000000; text-decoration: underline}

a.blanc:link {color: #FFFFFF; text-decoration: underline}
a.blanc:visited {color: #FFFFFF; text-decoration: underline}
a.blanc:hover {color: #5CD288; text-decoration: underline}

a.blancb:link {color: #FFFFFF; font-weight: bold; text-decoration: underline}
a.blancb:visited {color: #FFFFFF; font-weight: bold; text-decoration: underline}
a.blancb:hover {color: #5CD288; font-weight: bold; text-decoration: underline}

a.titre:link {color: #c1272d; text-decoration: none; font-size: 12pt}
a.titre:visited {color: #c1272d; text-decoration: none; font-size: 12pt}
a.titre:hover {color: #1F625D; text-decoration: underline; font-size: 12pt}

a.navigation:link {color: #FFFFFF; text-decoration: none; }
a.navigation:visited {color: #FFFFFF; text-decoration: none; }
a.navigation:hover {color: #5CD288; text-decoration: underline; }

a.navigationb:link {color: #FFFFFF; text-decoration: none; }
a.navigationb:visited {color: #FFFFFF; text-decoration: none; }
a.navigationb:hover {color: #c1272d; text-decoration: underline; }

a.chemin:link {color: #1F625D; text-decoration: none; font-size: 8pt}
a.chemin:visited {color: #1F625D; text-decoration: none; font-size: 8pt}
a.chemin:hover {color: #c1272d; text-decoration: underline; font-size: 8pt}

a.menu:link {color: #1F625D; text-decoration: none}
a.menu:visited {color: #1F625D; text-decoration: none}
a.menu:hover {color: #c1272d; text-decoration: underline}

a.sousmenu:link {color: #1F625D; text-decoration: none; font-size: 8pt;}
a.sousmenu:visited {color: #1F625D; text-decoration: none; font-size: 8pt;}
a.sousmenu:hover {color: #c1272d; text-decoration: underline; font-size: 8pt;}

a.complement:link {color: #1F625D; text-decoration: underline}
a.complement:visited {color: #1F625D; text-decoration: underline}
a.complement:hover {color: #c1272d; text-decoration: underline}

a.bas:link {color: #1F625D; text-decoration: none; font-size: 8pt }
a.bas:visited {color: #1F625D; text-decoration: none; font-size: 8pt }
a.bas:hover {color: #c1272d; text-decoration: underline; font-size: 8pt }

a.lr1:link {color: #DF0000; text-decoration: underline; font-size: 10pt }
a.lr1:visited {color: #DF0000; text-decoration: underline; font-size: 10pt }
a.lr1:hover {color: #DF0000; text-decoration: underline; font-size: 10pt }

a.lr2:link {color: #DF0000; text-decoration: none; font-size: 10pt }
a.lr2:visited {color: #1F625D; text-decoration: none; font-size: 10pt }
a.lr2:hover {color: #1F625D; text-decoration: underline; font-size: 10pt }