@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);





/*Interprétation HTML5 pour IE8*/
header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog { display: block; }

*      { margin: 0; padding: 0; }
html   { height:100%; width:100%;   }
body   { background-color: #ffffff; font-size: 1em; font-family:'Source Sans Pro', Helvetica, Arial; font-weight:400; color: #333333; height:100%; width:100%; }

.container { height: 100%; width:100%; }

/***************************/
/*GENERAL         */
/***************************/
ul, ol                 	{ list-style-position: inside; margin:0 0 1em 0; }

p                      	{ margin:0 0 1em 0; text-align:justify; font-size:15px; line-height:20px; color:#333333; }
p.center               	{ margin:0 0 1em 0; text-align:center;  font-size:15px; line-height:20px; color:#16587f; }
p.ok                   	{ margin:0 0 1em 0; text-align:center; font-size:15px; line-height:20px; color:#16587f; }
p.attention            	{ margin:0 0 1em 0; text-align:center; font-size:15px; line-height:20px; color:#c51438; }

a,a:link               	{ color: #c51438; text-decoration: none; }
a:hover                	{ color: #16587f; text-decoration: none; }

a.footer,,a:link.footer	{ color: #FFF; text-decoration: underline; }
a:hover.footer		   	{ color: #FFF; text-decoration: none; }

a img                  	{ border:none; }

img.border	   			{ border: 1px solid #c51438; display:block; }
img.Right				{ border: 0px solid #c51438; display:block; margin-left:10px;  float:right;}
img.Left				{ border: 0px solid #c51438; display:block; margin-right:10px; float:left; }
img.RightBorder			{ display:block; margin-left:10px;  float:right; border:1px solid #715f5a; }
img.LeftBorder			{ display:block; margin-right:10px; float:left; border:1px solid #715f5a; }
img.marginrightnoborder { display:block; margin-right:10px; }
span.borderright		{ border: 1px solid #c51438; display:block; margin-right:10px; width:175px; height:90px; overflow:hidden; float:left; }

h1, h2, h3, h4, h5, h6 	{ font-family:'Open Sans Condensed', Helvetica, Arial; font-weight:normal; color:#c51438; letter-spacing:1px; clear:both;  }
h1                    	{ font-size:30px; margin-bottom:10px; }
h2                    	{ font-size:25px; margin-bottom:5px; }
h3                     	{ font-size:20px; margin-bottom:5px;}
h4                    	{ font-size:16px; margin-bottom:5px; }
h5                     	{ font-size:15px; margin-bottom:5px; }

hr                      { border:none; border-top:1px solid #c51438; color:#c51438; height: 1px; width:100%; position:relative; float:left; margin:10px 0 20px 0; }
 
span.petit 				{ font-size:11px; color:#c51438; }
h2.Enquete 				{ text-transform:uppercase; margin: 60px 0 1em 0; position: relative; padding-bottom: 13px; line-height: 1.3334em;  }
h2.Enquete:before		{  content: ''; height: 1px; background-color: #c51438; width: 165px;  position: absolute; left: 0; bottom: 0; }

.couleurA				{ color:#c51438; }
.couleurB				{ color:#bdd477; }

ul.Left100  { display:block; float:left; width:100%; font-size:13px; clear:both; margin-bottom:20px; }

div.LeftEnquete  { display:block; float:left; width:48%; margin-right:1%; font-size:15px; margin-bottom:10px; text-align:left; }
div.LeftEnquete a  { font-size:15px; text-align:left; }

li.Left50:nth-child(odd)  { display:block; float:left; width:49%; margin-right:1%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; }
li.Left50:nth-child(even) { display:block; float:left; width:49%; margin-left:1%; font-size:13px; margin-bottom:10px; text-align:justify; }
div.LeftImg  { display:block; float:left; width:49.5%; margin-right:0.5%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; background-color:#ffffff; }
div.LeftImgB  { font-size:15px; }
div.Left  { display:block; float:left; width:49.5%; margin-right:0.5%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; background-color:#16587f; }
div.Right { display:block; float:left; width:49.5%; margin-left:0.5%; font-size:13px; margin-bottom:10px; text-align:justify; background-color:#16587f; }
div.Left span.petit,
div.Right span.petit { color:#fff; }
div.Right p,
div.Left p { color:#ffffff; }
div.Right a,div.Right a:link  { color: #fff; text-decoration: none; border-bottom:1px dotted #fff; }
div.Right a:hover             { color: #fff; text-decoration: none; border-bottom:0px dotted #fff; }
div.RightEnquete { display:block; float:left; width:49.5%; margin-left:0.5%; font-size:13px; margin-bottom:10px; text-align:justify; background-color:transparent; }
div.Left p,
div.Right p { display:block; width:96%; padding:2%;  }
div.LeftImg img  { display:block; width:100%; }
div.Left100  { display:block; float:left; width:100%; font-size:13px; clear:both; margin-bottom:10px; text-align:justify; }

li.temoignage 			  { list-style-type:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #c51438; }






a.ContactezNous		{ background:#c51438 url(../upload/tinymce/image/contactez-nous.png) no-repeat center 20px; font-size:17px; color:#fff; padding:13% 2% 3% 2%; display:block; float:left; margin-right:3%; margin-top:3%; text-align:center; border:1px solid #ffffff; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   width: -moz-calc(44.5% - 2px); width: -webkit-calc(44.5% - 2px); width: calc(44.5% - 2px);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; font-size:20px; color:#fff; text-align:center;   }
a.Devis				{ background:#c51438 url(../upload/tinymce/image/devis.png) no-repeat center 20px;  font-size:17px; color:#fff; padding:13% 2% 3% 2%; display:block; float:left; margin-top:3%; text-align:center; border:1px solid #ffffff; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;   width: -moz-calc(44.5% - 2px); width: -webkit-calc(44.5% - 2px); width: calc(44.5% - 2px);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; font-size:20px; color:#fff; text-align:center;  }
a:hover.ContactezNous,
a:hover.Devis				{ background-color:#715f5a;  }





/***************************/
/*  HEADER + NAV           */
/***************************/
header							{ position:absolute; display:block; float:left; width:100%;-moz-box-shadow:  0px 0px 0px #272727; -webkit-box-shadow:  0px 0px 0px #272727; box-shadow:  1px 1px 2px #272727;  height:100px; z-index:100; background-color: rgba(255, 255, 255, 0.85); top:0; left:0;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header:hover					{ background-color: rgba(255, 255, 255, 1); }
header .HeaderTop 				{ position:relative; display:block; width:100%; max-width:990px; height:100%; margin:0 auto; }

/********HEADER TOP**********/
header .HeaderTopA 				{ position:relative; display:block; float:left; width:100%; height:33%; border-bottom:1px solid #dbdcda; }

/******PHRASE ACCROCHE*******/
.HeaderTopALeft 				{ position:relative; display:block; float:left; width:60%; height:100%;}
.HeaderTopALeft h1 				{ font-family:'Source Sans Pro', Helvetica, Arial; font-size:14px; color:#715f5a; padding-top:15px; }
.HeaderTopALeft h1 span 		{ color:#c51438; }

/*****RESEAUX SOCIAUX*******/
.HeaderTopARight 				{ position:relative; display:block; float:left; width:40%; height:100%;}
.HeaderTopARightReseauxSociaux 	{ position:relative; display:block; float:left; width:67%; height:100%; margin-right:3%; }
.TwitterTop						{ position:relative; display:block; float:right; width:20px; height:26px; margin-top:15px;  margin-left:15px;}
.GooglePlusTop 					{ position:relative; display:block; float:right; width:24px; height:26px; margin-top:15px; margin-left:15px; }
.YoutubeTop						{ position:relative; display:block; float:right; width:21px; height:26px; margin-top:15px; margin-left:15px; }
.LinkedinTop 					{ position:relative; display:block; float:right; width:15px; height:26px; margin-top:15px; margin-left:15px; }
.FacebookTop 					{ position:relative; display:block; float:right; width:8px; height:26px; margin-top:15px; margin-left:15px; }
.FacebookTop a 					{ position:relative; display:block; float:right; width:8px; height:26px; background:transparent url('./../upload/tinymce/image/icon-facebook.png') no-repeat 50% 0px; }
.FacebookTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-facebook.png') no-repeat 50% -34px;  }
.TwitterTop a 					{ position:relative; display:block; float:right; width:20px; height:26px; background:transparent url('./../upload/tinymce/image/icon-twitter.png') no-repeat 50% 0px; }
.TwitterTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-twitter.png') no-repeat 50% -30px; }
.GooglePlusTop a 				{ position:relative; display:block; float:right; width:24px; height:26px; background:transparent url('./../upload/tinymce/image/icon-google-plus.png') no-repeat 50% 0px; }
.GooglePlusTop a:hover  		{ background:transparent url('./../upload/tinymce/image/icon-google-plus.png') no-repeat 50% -30px; }
.YoutubeTop a 					{ position:relative; display:block; float:right; width:21px; height:26px; background:transparent url('./../upload/tinymce/image/icon-youtube.png') no-repeat 50% 0px; }
.YoutubeTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-youtube.png') no-repeat 50% -30px; }
.LinkedinTop a 					{ position:relative; display:block; float:right; width:15px; height:26px; background:transparent url('./../upload/tinymce/image/icon-linkedin.png') no-repeat 50% 0px; }
.LinkedinTop a:hover 			{ background:transparent url('./../upload/tinymce/image/icon-linkedin.png') no-repeat 50% -30px; }


.BeforeAccueilAccueilReseauxSociaux { clear:both; display:block; width:100%; max-width:990px; margin:0 auto; position:relative; }
.AccueilReseauxSociaux 				{ display:block; width:215px; position:relative; float:left; margin-bottom:40px; padding:0 5px 0 5px;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.AccueilReseauxSociaux:hover 		{ background-color: rgba(255, 255, 255, 1); }
.AccueilReseauxSociaux span 		{ display:block; width:65px; float:right; padding-right:10px; font-weight:bold; color:#c51438; font-size:14px;   }
.AccueilReseauxSociaux a 			{ float:right; margin-right:10px; }
.AccueilReseauxSociaux a.last 		{ float:right; margin-right:0px; }
.AccueilReseauxSociaux a img  		{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.AccueilReseauxSociaux a:hover img  { filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

/*****BOUTON CONTACT********/
.HeaderTopARightBoutonContact			{ position:absolute; float:right; right:0; display:block; float:left; width:118px; height:40px; background-color:#c51438; }
.HeaderTopARightBoutonContact:hover		{ background-color:#16587f;  }
.HeaderTopARightBoutonContact a 		{ position:relative; display:block; float:left; width:100%; height:100%; color:#fff; font-size:12px; margin:5px 0 0 0; text-align:center; }
.HeaderTopARightBoutonContact:hover a	{ color:#ffffff; }

/******HEADER BOTTOM********/
header .HeaderTopB 				{ position:relative; display:block; float:left; width:100%; height:67%; }

/***********LOGO************/
header #Logo 					{ display:block; position: relative; float:left; width:240px; height:119px; padding-right:0px; }
header #Logo a 					{ display:block; position: relative; float:left; width:100%; height:100%; background:transparent url("../upload/tinymce/image/siepaveo.png") no-repeat 0 0; filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header #Logo a:hover 			{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }

header #LogoB 					{ display:none; position: relative; float:left; width:111px; height:60px; padding-right:17px; }
header #LogoB a 				{ display:block; position: relative; float:left; width:100%; height:100%; background:transparent url("../upload/tinymce/image/siepaveo-petit.png") no-repeat 0 0; filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
header #LogoB a:hover 			{ filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }

/***********MENU************/
nav 							{ display:block; float:left; margin-top: 29px; position: relative; }

#TelMenu						{ position:absolute; display:block; right:0; top:35px; width:125px; height:45px; color:#c51438; background:transparent url("../upload/tinymce/image/icon-tel.png") no-repeat 0 0; padding-left:30px;  }
#TelMenu span					{ font-size:12px; font-weight:normal; color:#c51438; }
#TelMenu p						{ font-size:19px; font-weight:bold; color:#c51438; margin:-8px 0 0 0; }

/*****IMAGE BACKGROUND SITE******/
.BackgroundSite { width:100%; margin:0; display:block; float:left; height:100%; background-color: transparent; position:absolute; top:0;  left:0; overflow:hidden; }


/***************************/
/*   ANIMATION ACCUEIL     */
/***************************/
.AnimationAccueil 	{ position:relative; display:block; float:left; width:100%;  /*height:auto!important;*/ height:100%; margin:0; padding:0; overflow:hidden; }
#NewsPlus 			{ cursor:pointer;  position:absolute; z-index:99; margin-left:-22px; left:50%;  display:block; bottom:10px; width:45px; height:45px; text-align:center; background:transparent url(../upload/tinymce/image/more.png) 0px 0px no-repeat; -webkit-animation-duration: 3s; -webkit-animation-delay: 6s; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 3s; -moz-animation-delay: 6s;  -moz-animation-iteration-count: infinite;  -o-animation-duration: 3s; -o-animation-delay: 6s; -o-animation-iteration-count: infinite; }
#NewsPlus:hover 	{ background:transparent url(../upload/tinymce/image/more.png) 0px -45px no-repeat; -webkit-animation-duration: 0s; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-duration: 0s; -moz-animation-delay: 0s;  -moz-animation-iteration-count: infinite;  -o-animation-duration: 0s; -o-animation-delay: 0s; -o-animation-iteration-count: infinite; }


/******************************/
/*   COORDONNEES ACCUEIL      */
/******************************/
.CoordonneesAccueil 	{ margin: 0 auto; position: relative; width:100%;  z-index: 99; height:auto !important; display:block; clear:both; float:left; }
.CoordonneesAccueil h2 	{ text-align:center; margin-bottom:5px; margin-top:20px; padding-top:45px; font-size:30px; background:transparent url(../upload/tinymce/image/icon-place.png) 50% 0px no-repeat; }

.CoordonneesAccueilLeft 	{ display:block; width: -moz-calc(48% - 1px); width: -webkit-calc(48% - 1px); width: calc(48% - 1px); position:relative; float:left; text-align:right; border-right:1px solid #dbdcda; font-size:15px; padding:1%; margin:1% 0; }
.CoordonneesAccueilLeft img {  border-right:3px solid #dbdcda; display:block; margin-left:10px; margin-top:5px;  float:right; }
.CoordonneesAccueilLeft p 	{  text-align:right; }

.CoordonneesAccueilRight 		{ display:block; width:48%; position:relative; float:left; text-align:left; font-size:15px; padding:1%; margin:1% 0; }
.CoordonneesAccueilRight p 		{  text-align:left; }


/******************************/
/*   COMPETENCES ACCUEIL      */
/******************************/
.CompetencesAccueil 				{ margin: 0 auto; position: relative; width:100%;  z-index: 99; height:890px; display:block; clear:both; float:left; background-color:#715f5a; overflow:hidden; }
.CompetencesAccueilLeft 			{ display:block; width:50%; height:100% !important; position:relative; float:left; text-align:left; overflow:hidden; }
.CompetencesAccueilLeft img 		{ display:block; width:100%; }
.CompetencesAccueilRight			{ display:block; width:46%;  position:relative; float:left; text-align:left; padding:2%;  }
.CompetencesAccueilRight h2 		{ text-align:left; margin-bottom:20px; font-size:40px; color:#ffffff; background:transparent url(../upload/tinymce/image/icon-flag.png) 0px 16px no-repeat; padding-left:35px; }
.CompetencesAccueilRight p 			{ color:#dbdcda; font-size:18px;  line-height:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dbdcda; }
.CompetencesAccueilRight li 		{ color:#dbdcda; font-size:15px; width:48%; padding:1%; margin-bottom:1%; float:left; list-style-type:none; }
.CompetencesAccueilRight li span 	{ color:#ffffff; font-size:18px; width:100%; float:left; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 	{ color:#ffffff; font-size:15px; line-height:39px;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.CompetencesAccueilRight a:hover 	{ color:#ffffff;  border-bottom: 1px dotted #ffffff; }



/******************************/
/*   ACTUALITES ACCUEIL      */
/******************************/
.ActusAccueil 					{ margin: 0 auto; position: relative; width:100%;  display:block; clear:both; float:left;  background:#fff url(../upload/tinymce/image/white-background.jpg);  background-size: cover; background-repeat: no-repeat; background-position: top center; }
.ActusAccueilInside 			{ margin: 30px auto; position: relative; width:100%; max-width:1160px; display:block; }
.ActusAccueilInside h2 			{ text-align:center; color:#c51438; margin-bottom:20px; margin-top:20px; padding-top:50px; font-size:40px; background:transparent url(../upload/tinymce/image/icon-news.png) 50% 0px no-repeat; }
.ActusAccueilFirst,
.ActusAccueilSecond 			{ margin:0 20px 50px 0; position: relative; width:360px; height:510px; display:block; float:left; }
.ActusAccueilThird 				{ margin:0 0 50px 0; position: relative; width:360px; height:510px; display:block; float:left; }
.ActusAccueilImage 				{ position: relative; width:100%; height:220px; display:block; float:left; overflow:hidden; }
.ActusAccueilImage  img			{ position: relative; width:100%; display:block; float:left; }
.ActusAccueilTitre	h2			{  width:100%; height:55px; display:block; float:left; padding-bottom:0px; padding-top:10px; margin-bottom:0px; margin-top:0px; overflow:hidden; background:none; background-color:#715f5a; }
.ActusAccueilTitre	h2 a,
.ActusAccueilTitre	h2 a:link	{ position: relative; width:100%; height:55px; display:block; float:left; background:none; font-size:20px; color:#ffffff; }
.ActusAccueilTitre	h2 a:hover	{ color:#c51438; }
.ActusAccueilSeparateur 		{ position: relative; width:100%; height:11px; display:block; margin:0 auto; padding-bottom:10px; padding-top:10px;  overflow:hidden; background:#715f5a url(../upload/tinymce/image/separateur.png) 50% 10px no-repeat; }
.ActusAccueilTexte	p			{ position: relative; width:94%; height:135px; display:block; float:left; padding:10px 3%; margin:0; overflow:hidden; color:#ffffff; background-color:#715f5a; }
.ActusAccueilBouton				{ position: relative; width:100%; height:40px; margin:0; float:left; display:block; }
.ActusAccueilBouton	a,
.ActusAccueilBouton	a:link		{ position: relative; width:100px; height:30px; padding-top:8px; margin:0 auto; display:block; background-color:#c51438; color:#ffffff; text-align:center; -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.ActusAccueilBouton	a:hover		{ background-color:#715f5a; color:#bdd477; text-align:center; -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }


/***************************/
/*   GoogleMAP             */
/***************************/
#map_canvas { height: 500px; width: 100%; display:block; position:relative; float:left; }
#boxcontent { height: 250px; width: 250px; }	


/******************************/
/*  TXT PRESENTATION ACCUEIL  */
/******************************/
.slide 				{ position: relative; float:left; height: 50%; width: 100%; transform-style: inherit; overflow:hidden; background-attachment:scroll; display:block; }
.slide:before 		{ content: ""; position: absolute; top: 0; bottom: 0; left:0; right:0; }
.slide, 
.slide:before		{ background: 50% 50% / cover;  }
#slide1:before 		{ background-image: url("../upload/tinymce/image/background-accueil.jpg"); z-index:-1; opacity:1;-webkit-transition: all 1s linear;  -moz-transition: all 1s linear;  -o-transition: all 1s linear;  transition: all 1s linear; }
#slide1:hover:before 		{  opacity:0.4; }
.slide h2 			{ margin-top: 15vh; /* poussé de la moitié de hauteur de viewport */ transform: translateY(-15%); /* tiré de la moitié de sa propre hauteur */ font-size:80px; letter-spacing:5px; text-align:center; color:#ffffff; text-shadow: 2px 2px 2px black; }
.slide p 			{ font-size:40px; text-align:center; color:#ffffff; line-height:55px; text-shadow: 2px 2px 2px black; }
.slide p a, 
.slide p a:link 	{ color:#ffffff; font-size:60px;  -webkit-transition: all 0.5s linear;  -moz-transition: all 0.5s linear;  -o-transition: all 0.5s linear;  transition: all 0.5s linear; }
.slide:hover  p a,
.slide:hover h2 	{ color:#715f5a; }

/******************************/
/* PAGES TEXTES 			  */
/******************************/
.ContentGlobal { position:relative; display:block; width:100%; max-width: 990px; margin:0 auto 0 auto; background-color:transparent; }
.ContentInside { position:relative; display:block; width:100%; max-width:990px; margin-top:15%; float:left; margin-bottom:40px; background-color: rgba(255, 255, 255, 0.90); }
.ContentTexte  { position:relative; display:block; width:100%; margin:0;  float: left; min-height:700px; }


/******************************/
/*  CONTACTEZ-NOUS            */
/******************************/
.CoordonneesContact 		{ display:block; width:100%; margin:20px auto 0px auto; font-size:13px; line-height:20px; }
.CoordonneesContactLeft 	{ display:block; float:left; position:relative; width:47%; line-height:20px; text-align:right; font-size:12px; border-right:1px solid #000;  margin-bottom: 40px; margin-right:2.5%; padding-right:2.5%; }
.CoordonneesContactRight 	{ display:block; float:left; position:relative; width:47%; line-height:20px; text-align:left; font-size:12px; }


/******************************/
/*  ACTUALITES                */
/******************************/
.ActualitesBloc { display:block; float:left; width:100%; height:70px; overflow:hidden; padding:10px 0;  }
.ActualitesBlocInside { display:block; float:left; width:130px; height:70px; overflow:hidden;  }
.ActualitesBlocInside a,
.ActualitesBlocInside a:link { clear:both; padding-top:15px; color:#c51438; }
.ActualitesBlocInside a:hover { color:#715f5a; }


/***************************/
/*  PARTENAIRES            */  
/***************************/
a img.ImageNoir { margin-bottom:2%; margin-right:2%; border:1px solid #222; width: -moz-calc(32% - 2px); width: -webkit-calc(32% - 2px); width: calc(32% - 2px); filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
a:hover img.ImageNoir { filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

a img.ImageNoirLast { margin-bottom:2%; border:1px solid #222; width: -moz-calc(32% - 2px); width: -webkit-calc(32% - 2px); width: calc(32% - 2px); filter: grayscale(100%); -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear;  }
a:hover img.ImageNoirLast {filter: grayscale(0%); -webkit-filter: grayscale(0%);  -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  }


/******************************/
/*  FOOTER                    */
/******************************/
footer											{ clear:both; width:100%; background:#16587f; padding:0;  position:relative; bottom:0; height:auto; float:left; display:block; }
footer #footerinside 							{ display:block; position:relative; width: 100%; max-width: 990px;  margin:0 auto 0px auto; height:80px; }
footer #footerinside ul.first, ul.first,
footer #footerinside ul.second, ul.second       { color: #333; display:block; float:left; position:relative; width: 50%; list-style-type:none;  }
footer #footerinside ul.second, ul.second       { top:-34px;  }
footer #footerinside ul li 						{ color: #dbdcda; text-decoration: none;  font-size:13px; }
footer #footerinside ul li.FooterReseauxSociaux { position:relative; display:block; float:left; width:100%; height:100%; margin-left:-17px;}

.FacebookBottom, .TwitterBottom, 
.GooglePlusBottom, .YoutubeBottom, .LinkedinBottom							{ position:relative; display:block; float:left; width:46px; height:26px; margin-top:15px; }
.FacebookBottom a 															{ position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-facebook-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .FacebookBottom a:hover 	{ background:transparent url('./../upload/tinymce/image/icon-facebook-blanc.png') no-repeat 50% -34px; border-bottom:none;  }
.TwitterBottom a 															{ position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-twitter-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .TwitterBottom a:hover 		{ background:transparent url('./../upload/tinymce/image/icon-twitter-blanc.png') no-repeat 50% -30px; border-bottom:none; }
.GooglePlusBottom a 														{ position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-google-plus-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .GooglePlusBottom a:hover  	{ background:transparent url('./../upload/tinymce/image/icon-google-plus-blanc.png') no-repeat 50% -30px; border-bottom:none; }
.YoutubeBottom a 															{ position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-youtube-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .YoutubeBottom a:hover 		{ background:transparent url('./../upload/tinymce/image/icon-youtube-blanc.png') no-repeat 50% -30px; border-bottom:none; }
.LinkedinBottom a 															{ position:relative; display:block; float:left; width:44px; height:26px; background:transparent url('./../upload/tinymce/image/icon-linkedin-blanc.png') no-repeat 50% 0px; }
footer #footerinside ul li.FooterReseauxSociaux .LinkedinBottom a:hover 	{ background:transparent url('./../upload/tinymce/image/icon-linkedin-blanc.png') no-repeat 50% -30px; border-bottom:none; }

ul.avertissement 			{ clear:both; display:block; position:relative; width:100%; list-style-type:none; float:left;  margin-bottom:30px; margin-top:20px; }
ul.avertissement li 			{ text-align:left; color:#333; font-size:12px; }


footer ul.right 			{ clear:both; display:block; position:relative; width:99%; list-style-type:none; float:right; margin-right:1%; right:0; bottom:0; margin-bottom:10px; margin-top:20px; text-align:right; }
footer ul.right li 			{ text-align:right; color:#333; font-size:12px; float:right; }
footer ul.right li a, 
footer ul.right li a:link 	{ color: #fff; text-decoration: none;  font-size:12px; text-align:right; }
footer ul.right li a:hover 	{ color: #fff; border-bottom:1px dotted #fff }




/*****BOUTON CONTACT********/
.FooterNewsletter			{ position:relative; float:left; display:block; width:118px; height:40px; background-color:#c51438; }
.FooterNewsletter:hover		{ background-color:#fff;  }
.FooterNewsletter a 		{ position:relative; display:block; float:left; width:100%; height:100%; color:#fff; font-size:12px; margin:5px 0 0 0; text-align:center; }
.FooterNewsletter:hover a	{ color:#16587f; }

.FooterContact				{ position:relative; float:left; display:block; width:118px; height:40px; background-color:#c51438; margin-left:15px; }
.FooterContact:hover		{ background-color:#fff;  }
.FooterContact a 		{ position:relative; display:block; float:left; width:100%; height:100%; color:#fff; font-size:12px; margin:5px 0 0 0; text-align:center; }
.FooterContact:hover a	{ color:#16587f; }


/* ----------------------------------------------------------------- */ 
/* AUTOMATIQUE PHOTOS EN BAS DES NEWS                                */
/* ----------------------------------------------------------------- */ 
.am-wrapper		 	{ float:left; position:relative; overflow:hidden; }
.am-wrapper img 	{ position:absolute; outline:none; }


/***************************/
/*   LIENS ACTUALITES      */
/***************************/
.urlActualites { display:block; float:left; margin-right:25px; position:relative; clear:both; }
.urlActualites a.gallerie { margin-top:10px; padding:2px 0 0 25px; font-size:0.8em; font-weight:normal; position:relative; color:#c51438; float:left; display:block; height:18px; background: url("../upload/tinymce/image/icon_picture.png") no-repeat 0px 0px; text-decoration:none; border-bottom:none; }
.urlActualites a:hover.gallerie { background: url("../upload/tinymce/image/icon_picture.png") no-repeat 0px -33px; color:#715f5a; }
.urlActualites a.movie { margin-top:10px; padding:2px 0 0 25px; font-size:0.8em; font-weight:normal; position:relative; color:#c51438; float:left; display:block; height:18px; background: url("../upload/tinymce/image/icon_movie.png") no-repeat 0px 0px;  text-decoration:none; border-bottom:none; }
.urlActualites a:hover.movie { background: url("../upload/tinymce/image/icon_movie.png") no-repeat 0px -33px; color:#715f5a; }
.urlActualites a.link { margin-top:10px; padding:2px 0 0 25px; font-size:0.8em; font-weight:normal; position:relative; color:#c51438; float:left; display:block; height:18px; background: url("../upload/tinymce/image/icon_link.png") no-repeat 0px 0px; text-decoration:none; border-bottom:none; }
.urlActualites a:hover.link { background: url("../upload/tinymce/image/icon_link.png") no-repeat 0px -33px; color:#715f5a; }



/***************************/
/*MULTIPAGE                */
/***************************/
a.hrefmultipage, a.hrefmultipage:visited   { text-decoration: none; color: #715f5a;  border:1px solid #715f5a; padding:3px; cursor:pointer; }
a.hrefmultipage:hover        { text-decoration: none; color: #ffffff; border:1px solid #c51438; padding:3px; background-color:#c51438; cursor:pointer; }
.divmultipage b u { text-decoration: none; color: #ffffff; border:1px solid #715f5a; padding:3px; background-color:#715f5a; cursor:pointer;}
.divmultipage {   margin-top:10px; margin-bottom:25px; display:block; }


/***************************/
/*ARTICLE SUIV/PREC        */
/***************************/
.ArticlePrecedent   	{ position:relative; float:left; width:50%;  margin:20px 0 20px 0; clear:both; }
.ArticleSuivant 		{ position:relative; float: right; width:50%; margin:20px 0 20px 0; text-align:right; }
a.barrelink 			{ border-bottom:none; display:block; height:48px; padding-right:35px; padding-left:15px; padding-top:0px; background:transparent url(../upload/tinymce/image/background-link-right.png) right 0 no-repeat; color:#c51438; }
a.barrelink:hover 		{ border-bottom:none; background:transparent url(../upload/tinymce/image/background-link-right.png) right -48px no-repeat; color:#715f5a; }
a.barrelinkleft 		{ border-bottom:none; display:block; height:48px; padding-left:35px; padding-right:15px; padding-top:0px; background:transparent url(../upload/tinymce/image/background-link-left.png) left 0 no-repeat; color:#c51438; }
a.barrelinkleft:hover 	{ border-bottom:none; background:transparent url(../upload/tinymce/image/background-link-left.png) left -48px no-repeat; color:#715f5a; }



/***************************/
/*FORMULAIRES              */
/***************************/
/**** advanced input styling ****/
/* placeholder */
#ccab, .ccab 						{ visibility: hidden; display:  none;}

#form ul li							{ list-style-type:none;  }
#form ::-webkit-input-placeholder 	{ font-style: italic; }
#form input:-moz-placeholder,
#form textarea:-moz-placeholder 	{ color: rgb(190, 188, 188); font-style: italic; } 
#form input, select 				{ outline: none; }

.form li 			{ width:49%; float:left; display:block; margin-right:2%; margin-bottom:1%; }
.form li.last 		{ width:49%; float:left; display:block; margin-right:0%; margin-bottom:1%; }
.form li.titre 		{ width:100%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:15px; }
.form li.untiers 	{ width:33.3%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:14px; }
.form li.unquart 	{ width:25%; float:left; display:block; margin-right:0%; margin-bottom:1%; font-size:14px; }
.form li.sixieme 	{ width: calc(30% - 5px); float:left; display:block; margin-right:1%; margin-top:11px; margin-bottom:15px; padding-left:5px; color:#767676; }
.form li.sixiemea 	{ width:69%; float:left; display:block; margin-right:0%; font-size:12px; margin-top:11px; margin-bottom:15px; }
.form li.note 		{ border: 1px solid #c51438; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  width: calc(49% - 2px); margin-top:4px; background-color:#fff; height:37px; }

/* all the input except submit and checkbox */
#form input:not([type="checkbox"]) 		 { color:#757575; width: 96%; margin-top: 4px; padding: 10px 2% 10px 2%; border: 1px solid #c51438; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form input:not([type="checkbox"]):active,
#form input:not([type="checkbox"]):focus { border: 1px solid #715f5a; background-color:transparent;  } 

/* all the textarea */
#form textarea 		 { color:#757575; width: 96%; height:155px; margin-top: 4px; padding: 10px 2% 10px 2%; border: 1px solid #c51438; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form textarea:active,
#form textarea:focus { border: 1px solid #715f5a; background-color:transparent;  } 

/* all the select */
#form select 		{ color:#757575; width: 96%; margin-top: 4px; padding: 10px 2% 8px 2%; color:#757575; border: 1px solid #c51438; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form select:active,
#form select:focus  { border: 1px solid #715f5a; background-color:transparent; color:#715f5a;  } 


/*styling both submit buttons */
#form li.button input 		{ width: 120px; height:26px; cursor: pointer; background-color:#715f5a; padding: 8px 5px; color: #fff; font-size: 1.2em; letter-spacing:1px; border: 1px #715f5a solid; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#form li.button input:hover { background-color:#c51438; border: 1px solid #715f5a; }
#form li.button input:active,
#form li.button input:focus { background-color:#715f5a; border: 1px solid #715f5a; }

.SelectURL { border-radius: 2px 2px 2px 2px; margin-bottom: 0; position: relative; vertical-align: top;font-size: 14px; background-color: #c51438; border: 1px solid #1e475e;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;color: #000000;  display: inline-block;  height: 30px; line-height: 20px; padding: 4px 6px; margin-left: 0; width:175px; cursor: text; }

.SelectURLB { border-radius: 2px 2px 2px 2px; margin-bottom: 0; position: absolute; top:20px; right:15px; vertical-align: top;font-size: 14px; background-color: #715f5a; border: 1px solid #ffffff;  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;color: #ffffff;  display: inline-block;  height: 30px; line-height: 20px; padding: 4px 6px; margin-left: 0; cursor: text; }

/***************************/
/*ENQUETE SATISFACTION     */
/***************************/
div#formc { display:block; float:left; position:relative; width:100%; }
#formc.formulaire { float:left; display:block; position:relative; width:100%; }

#formc ul li { list-style-type:none;  }
#formc li.first		{ width:49%; float:left; display:block; margin-right:2%; margin-bottom:1%; }
#formc li.last 		{ width:49%; float:left; display:block; margin-right:0%; margin-bottom:1%; }
#formc ul li.titre { list-style-type:none; font-size:18px; color:#333333; }
#formc li.tiers { width:33%; float:left; padding-top:9px; padding-bottom:15px; display:block; color:#333333; font-size:14px; position:relative; }
#formc li.quart { width:25%; float:left; padding-top:9px; padding-bottom:15px; display:block; color:#333333; font-size:14px; position:relative; }
#formc li.cinquieme { width:100%; float:left; padding-top:9px; padding-bottom:40px; display:block; color:#333333; font-size:14px; position:relative; }
#formc li.sixieme { width:100%; float:left; padding-top:9px; padding-bottom:20px; display:block; color:#333333; font-size:14px; position:relative; }
#formc li.licinquieme { width:20%; float:left; display:block; position:relative; margin:0; paddding:0; }
#formc li.lisixieme { width:16.66666666666667%; float:left; display:block; position:relative; margin:0; paddding:0; }
#formc li.moitie { width:50%; float:left; padding-top:9px; padding-bottom:15px; display:block; color:#333333; font-size:14px; position:relative; }
#formc li.cent { width:100%; float:left; padding-top:9px; padding-bottom:15px; display:block; color:#333333; font-size:14px; position:relative; }
#formc li.centnone, #formc li.titrenone { display:none; }

#formc li.moitiegauche { width:50%; float:left; padding-top:9px; padding-bottom:0px; display:block; margin-right:0%; margin-bottom:0%; position:relative; }
#formc li.moitiegauche span { padding-left:16px; color:#333333; font-size:13px; text-align:left; }
#formc li.moitiedroite { width:35%; float:left; padding-top:9px; padding-bottom:0px; display:block; margin-right:0%; margin-bottom:0%; position:relative; }
#formc li.moitiedroite span { padding-right:31px; color:#333333; font-size:13px; text-align:right; float:right; }

#formc li.moitiegaucheA { width:15%; float:left; padding-top:7px; padding-bottom:0px; display:block; margin-right:0%; margin-bottom:0%; position:relative; }
#formc li.moitiegaucheA span { padding-left:2px; color:#333333; font-size:13px; text-align:left; }
#formc li.moitiegaucheAA { width:35%; float:left; padding-top:9px; padding-bottom:0px; display:block; margin-right:0%; margin-bottom:0%; position:relative; }
#formc li.moitiegaucheAA span { padding-left:5px; color:#333333; font-size:13px; text-align:left; }
#formc li.moitiedroiteA { width:50%; float:left; padding-top:9px; padding-bottom:0px; display:block; margin-right:0%; margin-bottom:0%; position:relative; }
#formc li.moitiedroiteA span { padding-right:28px; color:#333333; font-size:13px; text-align:right; float:right; }


#formc ul li input[type=radio] { position: absolute; visibility: hidden; }

#formc ul li label { display: block; position: relative; font-weight: 300; font-size: 1.15em;  padding: 0px 18px 25px 37px; margin: 0px auto; height: 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; }
#formc ul li:hover label { color: #333333; }

#formc ul li .check { display: block; position: absolute; border: 3px solid #333333; border-radius: 100%;  height: 16px;  width: 16px;  top: 9px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
#formc ul li:hover .check { border: 3px solid #333333; }
#formc ul li .check::before {  display: block; position: absolute; content: ''; border-radius: 100%; height: 6px; width: 6px; top: 5px; left: 5px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }

#formc input[type=radio]:checked ~ .check { border: 3px solid #0b527d; }
#formc input[type=radio]:checked ~ .check::before {  background: #0b527d; }
#formc input[type=radio]:checked ~ label { color: #0b527d; }




/* Base for label styling */
#formc [type="checkbox"]:not(:checked),
#formc [type="checkbox"]:checked {  position: absolute; left: -9999px; }
#formc [type="checkbox"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; color: #333333; padding-top:3px; }
#formc [type="checkbox"]:checked + label { position: relative; padding-left: 35px; cursor: pointer; color: #0b527d; padding-top:3px; }

/* checkbox aspect */
#formc [type="checkbox"]:not(:checked) + label:before,
#formc [type="checkbox"]:checked + label:before  { content: '';  position: absolute; left:0; top: 2px; width: 20px; height: 20px; border: 2px solid #333;  background: trsnsparent; border-radius: 3px; box-shadow: inset 0 0px 0px rgba(0,0,0,.3) }
/* checked mark aspect */
#formc [type="checkbox"]:not(:checked) + label:after,
#formc [type="checkbox"]:checked + label:after  {  content: '✔';  position: absolute;  top: 6px; left: 5px; font-size: 18px; line-height: 0.8;  color: #0b527d; transition: all .2s; }
#formc [type="checkbox"]:not(:checked) + label:before { border: 2px solid #333333; }
#formc [type="checkbox"]:checked + label:before { border: 2px solid #0b527d; }
/* checked mark aspect changes */
#formc [type="checkbox"]:not(:checked) + label:after { opacity: 0;  transform: scale(0); }
#formc [type="checkbox"]:checked + label:after {  opacity: 1;  transform: scale(1); }
/* accessibility */
#formc [type="checkbox"]:checked:focus + label:before,
#formc [type="checkbox"]:not(:checked):focus + label:before { border: 2px solid #0b527d; }
/* hover style just for information */
#formc label:hover:before {  border: 2px solid #333333!important; }


/* all the textarea */
#formc textarea 		 { color:#333333; width: 96%; height:90px; margin-top: 0px; padding: 10px 2% 10px 2%; border: 1px solid #333333; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formc textarea:hover { border: 1px solid #333333; background-color:transparent; color:#333333;  } 
#formc textarea:focus,
#formc textarea:active { border: 1px solid #0b527d; background-color:transparent; color:#0b527d;  } 




/* all the input except submit and checkbox */
#formc [type="text"] 		 { color:#333333; width: 96%; margin-top: 4px; padding: 10px 2% 10px 2%; border: 1px solid #333333; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing : content-box; box-sizing : content-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formc [type="text"]:hover { border: 1px solid #333333; background-color:transparent; color:#333333;  } 
#formc [type="text"]:active,
#formc [type="text"]:focus { border: 1px solid #0b527d; background-color:transparent; color:#0b527d;  } 


/*styling both submit buttons */
#formc li.button input 		 { width: 120px; height:45px; cursor: pointer; background-color:#0b527d; padding: 8px 5px; color: #fff; font-size: 1.2em; letter-spacing:1px; border: 1px #fff solid; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; }
#formc li.button input:hover { background-color:#ec511b; border: 1px solid #fff; }
#formc li.button input:active,
#formc li.button input:focus { background-color:#0b527d; border: 1px solid #fff; }

.DisplayNone { display:none; }
.Display { display:block; }


/***************************/
/*PROGRESS BAR ACCUEIL     */
/***************************/

.ProgessBarDIVICone { display:block; width:248px; height:21px; position:absolute; bottom:255px; right:30px; float:left; background:transparent url("../upload/tinymce/image/smile.png") no-repeat 0px 0px;  }
.ProgessBarDIVTitre { display:block; width:248px; height:25px; position:absolute; bottom:225px; right:30px; float:right; background-color: #715f5a; color:#fff; font-weight:bold; text-align:center; padding-top:5px; }

.ProgessBarDIV { display:block; width:248px; height:225px; position:absolute; bottom:0; right:30px; float:right; background-color: rgba(255, 255, 255, 0.7);  }

.ProgessBarDIV span { display:block; float:left; width:228px; font-size:12px; margin-left: 20px; padding-bottom:2px; }
.ProgessBarDIV p { display:block; float:left; width:228px; font-size:12px; margin-left: 20px; padding-top:12px; line-height:16px; }
.ProgessBarDIV p a { font-size:11px; }

.progress-barA,
.progress-barB,
.progress-barC,
.progress-barD { 
    width: 200px;
    height: 12px;
    padding: 4px;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	display:block;
	float:left;
	position:relative;
	margin-bottom:7px;
	margin-left: 20px;
}


.progress-barA:before,
.progress-barB:before,
.progress-barC:before,
.progress-barD:before { 
    content: '';
    display: block;
    position: absolute;
    height: 12px;
    background: #715f5a;
    border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.3), inset 0 0px 0px rgba(0, 0, 0, 0.4), 0 0px 0px #000;
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.3), inset 0 0px 0px rgba(0, 0, 0, 0.4), 0 0px 0px #000;
    -moz-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.3), inset 0 0px 0px rgba(0, 0, 0, 0.4), 0 0px 0px #000;
}

.progress-barA pre,
.progress-barB pre,
.progress-barC pre,
.progress-barD pre {
	color:#fff; font-size:12px; text-align:center; display:block; width:100%; z-index:999; position:relative;
}



/***************************/
/*PROGRESS BAR ACCUEIL     */
/***************************/
.progress-bar { 
    width: 300px;
    height: 24px;
    padding: 4px;
    background-color: #191919;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
    -webkit-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
    -moz-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b;
}


.progress-bar:before { 
    content: '';
    display: block;
    position: absolute;
    height: 24px;
    background: #999;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000;
}

/***************************/
/*   CHIFFRES  ACCUEIL      */
/***************************/
.CounterAccueil { width:100%;  height:400px;  position:relative; display:block; float:left; margin:0; padding:0; background-color:transparent;}
.CounterAccueil:before 		{ content: ""; position:absolute; top:0; left:0; float:left; width:100%;  height:400px; opacity:0.15; background:transparent url("../upload/tinymce/image/background-chiffres.jpg") no-repeat 0 bottom; background-size:cover; }
.CounterAccueilTitre h2 {  position:relative; width:100%; text-align:center; color:#c51438; margin-top:50px; padding-top:50px; font-size:50px; font-weight:bold; background:transparent url("../upload/tinymce/image/icon-number.png") 50% 0px no-repeat; }
.CounterAccueil .CounterAccueilInside {  letter-spacing:1; font-weight:bold; position:relative; display:block; float:left; width:25%;  /*height:auto!important;*/ height:300px; margin:30px 0 0 0; padding:0; overflow:hidden; font-size:25px; color:#c51438; text-align:center; text-shadow: 1px 1px 1px black; }
.CounterAccueil .CounterAccueilInside span { letter-spacing:0; font-size:50px;  }



/***************************/
/*MOBILES	               */
/***************************/
@media screen and (max-width: 1200px){
#TelMenu { display:none; }
}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
.ContentTexte  { min-height:300px; width:98%; margin-left:1%;}
ul.avertissement li 			{ font-size:9px; }
}





/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
.HeaderTopALeft h1 						{ padding-top:10px; padding-left:10px; font-size:10px; }
.HeaderTopARightReseauxSociaux 			{ width:97%; }
.HeaderTopARightBoutonContact			{ display:none; }


.ProgessBarDIVICone { display:none; }
.ProgessBarDIVTitre { display:none; }
.ProgessBarDIV { display:none; }

.ContentInside { margin-top:25%; }

.CoordonneesAccueilLeft 	{ width: 98%; border-right:0px solid #dbdcda; font-size:12px; }
.CoordonneesAccueilLeft img {  border-right:0px solid #dbdcda; margin:0 auto; text-align:center; float:none; }
.CoordonneesAccueilLeft p 	{  text-align:center; }
.CoordonneesAccueilRight 		{ width: 98%; }
.CoordonneesAccueilRight img 	{  border-left:0px solid #dbdcda; margin:0 auto; text-align:center;float:none; }
.CoordonneesAccueilRight p 		{  text-align:center; }
.CoordonneesAccueilRight p span {  clear:both; }


}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px){
.HeaderTopALeft h1 						{ padding-top:10px; padding-left:10px; font-size:10px; }
.HeaderTopARightReseauxSociaux 			{ width:97%; }
.HeaderTopARightBoutonContact			{ display:none; }


.ProgessBarDIVICone { display:none; }
.ProgessBarDIVTitre { display:none; }
.ProgessBarDIV { display:none; }

.ContentInside { margin-top:25%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 0px) and (max-width: 650px){
div.LeftImg  { width:100%; font-size:12px; margin-right:0; }
div.Left  { width:100%; font-size:12px; margin-right:0; }
div.Right { width:100%; font-size:12px; margin-left:0; }
div.Left100  { font-size:12px; }


div.Left img,
div.Right img,
div.Left100 img  { width:100%; }
footer #footerinside ul.first, ul.first	        { color: #333; display:block; float:left; position:relative; width: 55%; list-style-type:none;  }
footer #footerinside ul.second, ul.second       { color: #333; display:block; float:left; position:relative; width: 45%; list-style-type:none;  }

}

/* Phone Landscape (480px) */
/*@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) { */
@media only screen and (min-width: 321px) and (max-width: 480px) {
p                      	{ font-size:12px; line-height:15px; }
p.center               	{ font-size:12px; line-height:15px; }
p.ok                   	{ font-size:12px; line-height:15px; }
p.attention            	{ font-size:12px; line-height:15px; }

h1                    	{ font-size:20px; }
h2                    	{ font-size:15px; }
h3                     	{ font-size:14px; }
h4                    	{ font-size:13px; }
h5                     	{ font-size:12px; }

header		 							{ height:54px; box-shadow: 1px 1px 2px #272727; }
.HeaderTopALeft h1 						{ padding-top:10px; padding-left:10px; font-size:10px; }
.HeaderTopARightReseauxSociaux 			{ width:97%; }
.HeaderTopARightBoutonContact			{ display:none; }
header #Logo 							{ display:none; }
header #LogoB 							{ display:block; margin-top:7px; }
#TelMenu								{ display:none; }

.CoordonneesAccueilLeft 	{ width: 98%; border-right:0px solid #dbdcda; font-size:12px; }
.CoordonneesAccueilLeft img {  border-right:0px solid #dbdcda; margin:0 auto; text-align:center; float:none; }
.CoordonneesAccueilLeft p 	{  text-align:center; }
.CoordonneesAccueilRight 		{ width: 98%; }
.CoordonneesAccueilRight img 	{  border-left:0px solid #dbdcda; margin:0 auto; text-align:center;float:none; }
.CoordonneesAccueilRight p 		{  text-align:center; }
.CoordonneesAccueilRight p span {  clear:both; }

.ProgessBarDIVICone { display:none; }
.ProgessBarDIVTitre { display:none; }
.ProgessBarDIV { display:none; }

.CompetencesAccueil 					{ height:auto; }
.CoordonneesAccueil h2 					{ font-size:15px; }
.CompetencesAccueilLeft					{ width:100%; }
.CompetencesAccueilRight				{ width:96%; }
.CompetencesAccueilRight h2 			{ margin-bottom:10px; font-size:15px; padding-top:15px; padding-bottom:5px; }
.CompetencesAccueilRight p 				{ font-size:14px;  line-height:20px; padding-bottom:10px; margin-bottom:10px; }
.CompetencesAccueilRight li 			{ font-size:13px; width:98%; padding:1%; margin-bottom:1%; }
.CompetencesAccueilRight li span 		{ font-size:15px; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 		{ font-size:13px; line-height:30px; }

.ActusAccueilInside 			{ margin: 20px auto; }
.ActusAccueilInside h2 			{ padding-top:55px; font-size:20px; padding-bottom:15px;  }
.ActusAccueilFirst,
.ActusAccueilSecond 			{ margin:0 0px 10px 0; width:100%; height:450px; }
.ActusAccueilThird 				{ margin:0 0 10px 0; width:100%; height:450px; }
.ActusAccueilImage 				{ width:100%; height:120px; }
.ActusAccueilTitre	h2			{height:35px;}
.ActusAccueilTitre	h2 a,
.ActusAccueilTitre	h2 a:link	{ height:35px; font-size:16px; }

#map_canvas						{ display:none; }

.slide h2 			{ font-size:45px; letter-spacing:2px; }
.slide p 			{ font-size:17px; line-height:18px; text-shadow: 0px 1px 1px black; }
.slide p a, 
.slide p a:link 	{ font-size:17px;}

.BackgroundSite img { display:none; }
.ContentInside { margin-top:25%; }
.ContentTexte  { min-height:300px; width:98%; font-size:12px; margin-left:1%;}

li.Left50:nth-child(odd)  { width:100%; font-size:12px; }
li.Left50:nth-child(even) { width:100%; font-size:12px; }


.ActualitesBlocInside a,
.ActualitesBlocInside a:link { font-size:13px; }
.ActualitesBloc p { display:none; }

.CoordonneesContactLeft 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; border-right:0px solid #000; border-bottom:1px solid #000; margin-right:0%; padding-right:0%; margin-bottom:15px; padding-bottom:15px; }
.CoordonneesContactRight 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; margin-bottom:30px; }

footer #footerinside ul 						{ width:100%;  margin-right:0%; }
footer #footerinside ul.third 					{ width:98%; margin-right:0%; padding:0 1%; border-right:0px solid #dbdcda;  }
footer #footerinside ul.last 					{ width:98%; padding:1%;  border-top:1px solid #dbdcda; margin-bottom:30px; }
footer #footerinside ul.navigation li 			{ line-height:20px; font-size:13px; width:48%; float:left; padding:1%; }
footer #footerinside ul.second, ul.second { top:0px; }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 350px) {
p                      	{ font-size:12px; line-height:15px; }
p.center               	{ font-size:12px; line-height:15px; }
p.ok                   	{ font-size:12px; line-height:15px; }
p.attention            	{ font-size:12px; line-height:15px; }

h1                    	{ font-size:20px; }
h2                    	{ font-size:15px; }
h3                     	{ font-size:14px; }
h4                    	{ font-size:13px; }
h5                     	{ font-size:12px; }


header		 							{ height:54px; box-shadow: 1px 1px 2px #272727; position:fixed; top:0; left:0; }
header .HeaderTopA 						{ display:none; }
.HeaderTopALeft h1 						{ display:none; }
.HeaderTopARight 						{ display:none; }
.HeaderTopARightBoutonContact			{ display:none; }
header #Logo 							{ display:none; }
header #LogoB 							{ display:block; margin-top:7px; }
#TelMenu								{ display:none; }

#NewsPlus 								{ display:none; }

.ProgessBarDIVICone { display:none; }
.ProgessBarDIVTitre { display:none; }
.ProgessBarDIV { display:none; }

.CoordonneesAccueilLeft 	{ width: 98%; border-right:0px solid #dbdcda; font-size:12px; }
.CoordonneesAccueilLeft img {  border-right:0px solid #dbdcda; margin:0 auto; text-align:center; float:none; }
.CoordonneesAccueilLeft p 	{  text-align:center; }
.CoordonneesAccueilRight 		{ width: 98%; }
.CoordonneesAccueilRight img 	{  border-left:0px solid #dbdcda; margin:0 auto; text-align:center;float:none; }
.CoordonneesAccueilRight p 		{  text-align:center; }
.CoordonneesAccueilRight p span {  clear:both; }

.CompetencesAccueil 					{ height:auto; }
.CoordonneesAccueil h2 					{ font-size:15px; }
.CompetencesAccueilLeft					{ width:100%; }
.CompetencesAccueilRight				{ width:96%; }
.CompetencesAccueilRight h2 			{ margin-bottom:10px; font-size:15px; padding-top:15px; padding-bottom:5px; }
.CompetencesAccueilRight p 				{ font-size:14px;  line-height:20px; padding-bottom:10px; margin-bottom:10px; }
.CompetencesAccueilRight li 			{ font-size:13px; width:98%; padding:1%; margin-bottom:1%; }
.CompetencesAccueilRight li span 		{ font-size:15px; }
.CompetencesAccueilRight a, 
.CompetencesAccueilRight a:link 		{ font-size:13px; line-height:30px; }

.ActusAccueilInside 			{ margin: 20px auto; }
.ActusAccueilInside h2 			{ padding-top:55px; font-size:20px; padding-bottom:15px;  }
.ActusAccueilFirst,
.ActusAccueilSecond 			{ margin:0 0px 10px 0; width:100%; height:450px; }
.ActusAccueilThird 				{ margin:0 0 10px 0; width:100%; height:450px; }
.ActusAccueilImage 				{ width:100%; height:120px; }
.ActusAccueilTitre	h2			{height:35px;}
.ActusAccueilTitre	h2 a,
.ActusAccueilTitre	h2 a:link	{ height:35px; font-size:16px; }

#map_canvas						{ display:none; }

.slide h2 			{ font-size:40px; letter-spacing:2px; }
.slide p 			{ font-size:16px; line-height:18px; text-shadow: 0px 1px 1px black; }
.slide p a, 
.slide p a:link 	{ font-size:16px;}

.BackgroundSite img { display:none; }
.ContentInside { margin-top:25%; }
.ContentTexte  { min-height:300px; width:98%; font-size:12px; margin-left:1%;}

li.Left50:nth-child(odd)  { width:100%; font-size:12px; }
li.Left50:nth-child(even) { width:100%; font-size:12px; }



.ActualitesBlocInside a,
.ActualitesBlocInside a:link { font-size:13px; }
.ActualitesBloc p { display:none; }

.CoordonneesContactLeft 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; border-right:0px solid #000; border-bottom:1px solid #000; margin-right:0%; padding-right:0%; margin-bottom:15px; padding-bottom:15px; }
.CoordonneesContactRight 	{ display:block; float:left; width:100%; line-height:15px; text-align:left; margin-bottom:30px; }

footer #footerinside ul 						{ width:100%;  margin-right:0%; }
footer #footerinside ul.first, ul.first,
footer #footerinside ul.second, ul.second,
footer #footerinside ul.third 					{ width:98%; margin-right:0%; padding:0 1%; border-right:0px solid #dbdcda;  }
footer #footerinside ul.last 					{ width:98%; padding:1%;  border-top:1px solid #dbdcda; margin-bottom:30px; }
footer #footerinside ul.navigation li 			{ line-height:20px; font-size:13px; width:48%; float:left; padding:1%; }
footer #footerinside ul.second, ul.second { top:0px; }
}