@charset "utf-8";
html,body {
text-align: left;
min-height: 100% !important;
  margin:0 auto;
  padding:0;
   background-color: #f0f0ee;
}
* {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
 .titre
{ 
font:16px "helvetica neue",arial,sans-serif;
text-align:center;
 color:#B9121B;
 text-decoration: underline; 
} 
.texte
{ 
font:12px "helvetica neue",arial,sans-serif;
text-align:center;
 color:#000000;
 text-decoration: none; 
}
.erreur
{ 
font:14px "helvetica neue",arial,sans-serif;
 color:red;
 text-align:center;
 text-decoration: none; 
}
.texteadmin
{ 
font:14px "helvetica neue",arial,sans-serif;
text-align:center;
 color:#000000;
 text-decoration: none; 
} 
.texteadmin2
{ 
font:14px "helvetica neue",arial,sans-serif;
text-align:left;
 color:#000000;
 text-decoration: none; 
} 
.bouton
{ 
font:14px "helvetica neue",arial,sans-serif;
margin: 3px;
padding:3px;
color:#ffffff;
 background-color : #000000;
 text-decoration:none; 
}  
.boutonred
{ 
font:14px "helvetica neue",arial,sans-serif;
margin: 3px;
padding:3px;
color:#ffffff;
 background-color : grey;
 text-decoration:none; 
}            
 a.menutest:link 
{ 
margin:20px;
 color:#ffffff;
 text-decoration:none; 
} 
 a.menutest:visited
{ 
margin:20px;
 color:#ffffff;
 text-decoration:none; 
} 
 a.menutest:active
{
margin:20px; 
 color:#B9121B;
 text-decoration:none; 
}   
 a.menutest:hover 
{ 
margin:20px;
 color:#d0422e;
 text-decoration:none; 
 font-weight:bold;
} 
 a.lienactu:link 
{ 
font:13px "helvetica neue",arial,sans-serif;
 margin-right:0;
 height: 35px;
 color:#000000;
 text-decoration: underline; 
} 
 a.lienactu:visited
{ 

font:13px "helvetica neue",arial,sans-serif;
 margin-right:0;
 color:#000000;
 text-decoration:none; 
} 
 a.lienactu:active
{

font:13px "helvetica neue",arial,sans-serif;
 margin-right:0;
 color:#B9121B;
 text-decoration:none; 
}   
 a.lienactu:hover 
{ 
font:13px "helvetica neue",arial,sans-serif;
 margin-right:0;
 height: 35px;
 text-decoration: underline; 
 color:#d0422e;

} 
#encours {  
	text-shadow: #d0422e 0px 2px, #d0422e 2px 0px, #d0422e -2px 0px, 
    #d0422e 0px -2px, #d0422e -1.4px -1.4px, #d0422e 1.4px 1.4px, 
    #d0422e 1.4px -1.4px, #d0422e -1.4px 1.4px; 
    color: #fff;

	}
#canevas {
	width:100%;
	min-width:1000px;
	margin:0 auto;
margin-left: auto;
  margin-right: auto;
   position:relative;
}
#logo {
	text-align:center;
	margin-top:0px;
}
#userblack {
	z-index: 4;
	position:absolute;
	width:100%;
	background-color:#000000;
	line-height:30px;
	font-family: "Arial";
	font-weight:bold;
	font-size:15px;
	text-align: center;
	color:#ffffff;
	height:30px;
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
 }  
#centre {
	margin:0 auto;
	position:absolute;
	color:black;
	text-decoration:none;
	font-weight: normal;
	width: 100%;
    top: 30px;
}
#accueil{
	margin: auto;
	margin-top: -10px;
	width: 1000px;
	padding:10px;
	height: 100%;
	text-align: center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	border-width:0px;
	border-color:black;
	border-style:solid;
		
}
#presentation{
	margin: 0 auto;
	margin-top: 10px;
	width: 1000px;
	padding:10px;
	height: 100%;
	text-align: center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	border-width:0px;
	border-color:black;
	border-style:solid;
	background: #f0f0ee url('../images/genesis.png') no-repeat top right;
}
.contact{
	font:14px "helvetica neue",arial,sans-serif;
}
#contact{
	margin: auto;
	margin-top: 10px;
	width: 1000px;
	height: 100%;
}
#actualite{
	margin: auto;
	margin-top: -10px;
	width: 1000px;
	height: 100%;
}
#devis{
	margin: auto;
	margin-top: 10px;
	width: 1000px;
	padding:10px;
	height: 100%;
	text-align: center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	border-width:0px;
	border-color:black;
	border-style:solid;
	background: #f0f0ee url('../images/genesis.png') no-repeat top right;
}
#realisationtexte{
	margin: auto;
	margin-top: 10px;
	width: 1000px;
	padding:10px;
	height: 100%;
	text-align: center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	border-width:0px;
	border-color:black;
	border-style:solid;
	background: #f0f0ee url('../images/genesis.png') no-repeat top right;
}
#admin{
	margin: auto;
	margin-top: 10px;
	width: 1000px;
	padding:10px;
	text-align: center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background: #fff url('../images/genesis.png') no-repeat top right;
}
#deractu {
	margin-left:50px;
	color:black;
	text-align: left;
	width:200px;
}
#left {
	padding:10px;
	float: left;
	width: 300px;
	overflow: auto;
	overflow-x: hidden;
	height: 100%;
background: #f0f0ee url('../images/genesis2.png') no-repeat top left;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
	min-height:400px;

}
#right {

	background: #f0f0ee url('../images/genesis.png') no-repeat top right;
	float: left;
	margin-left:10px;
	overflow:hidden;
	padding:10px;
	width: 600px;
	height: 100%;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;

	min-height:400px;

}
#contactleft {	
	padding:10px;
	float: left;
	width: 450px;
	overflow: auto;
	overflow-x: hidden;
	height: 100%;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	    border-radius: 20px;
	background:#f0f0ee;
	min-height:500px;
background: #f0f0ee url('../images/genesis.png') no-repeat top right;
}
#contactright {

	padding:10px;
	background: #f0f0ee url('../images/genesis2.png') no-repeat top left;
	text-align:center;
	float: left;
	margin-left:10px;
	overflow:hidden;
	width: 450px;
	height: 100%;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	    border-radius: 20px;
	min-height:500px;
}
#carousel{
	overflow:hidden;
	top:0px;
	width:100%;
	margin:5% auto 0 auto;
}

#carousel ul{
	
	position:absolute;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	width:9999px;
}

#carousel li{
	padding:0px;
	list-style:none;
	float:left;
}
#piedDePage {
	z-index: 4;
	margin: 0px;
	font:16px "helvetica neue",arial,sans-serif;
	background-color: #000000 ;
    position:fixed;
    bottom:0px;
	text-align:center;
    width:100%;
    height:40px;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
	/* IE 5-7 */
	filter: alpha(opacity=96);
	/* Netscape */
	-moz-opacity: 0.96;
	/* Safari 1.x */
	-khtml-opacity: 0.96;
	/* Good browsers */
	opacity: 0.96;
}
.footer{

	line-height:40px;
	color:#fff;
}

#mybgcarousel{ /* CSS for specific carousel container called #mybgcarousel. */
height:600px;
width: 100%;
position: absolute;
top: 0;
}

.content{
color:#fff;
font:12px/1.4 "helvetica neue",arial,sans-serif;
margin: auto;
margin-top: 10px;
width: 1000px;
padding:10px;
height: 100%;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border-width:1px;
border-color:black;
border-style:solid;
background-color:#f0f0ee;
}
            
h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
p{margin:0 0 20px}
a {color:#22BCB9;text-decoration:none;}
.cred{margin-top:20px;font-size:11px;}
/* This rule is read by Galleria to define the gallery height: */
#galleria{height:500px;
}
/* ######### Shared CSS for various parts of carousel (in the event of multiple carousels) ######### */

div.bgcarousel{ /* shared CSS for main carousel container */
background: #cccccc url('')  center center no-repeat;


 /* loading gif while caoursel is loading */
}

div.bgcarousel img.navbutton{ /* CSS for the nav buttons */
}

div.bgcarousel div.slide{ /* CSS for each image's DIV container within main container */
background-color: #1C1C1C;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
background-size: cover;
 /* CSS3 property to scale image within container? "cover" or "contain" */
color: white;
}

div.bgcarousel div.selectedslide{ /* CSS for currently selected slide */
}

div.bgcarousel div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.bgcarousel div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.bgcarousel div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.bgcarousel div.slide div.desc a{
color:yellow;
text-decoration:none;
}

#easyOverlay{position:fixed;z-index:9998;left:0;top:0;width:100%;height:100%;background:#000;cursor:pointer}
#easyCenter{position:fixed;left:50%;top:50%;z-index:9999;overflow:hidden;background:#fff;border-radius:8px}
#easyLoadingIndicator{position:relative;left:50%;top:50%;width:24px;height:24px;margin-left:-12px;margin-top:-12px;background:url('../images/loading.gif') no-repeat}
#easyContainer{overflow:hidden}
#easyContainer.error{background:url('../images/error.png') no-repeat center}
#easyContainer,#easyBottom{padding:10px}
#easyContainer img,#easyContainer iframe{border:0}
#easyBottom{font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;color:#666;text-align:left;min-height:20px;padding-top:0}
#easyCloseLink{display:block;float:right;width:20px;height:20px;background:transparent url('../images/closebtn.png') no-repeat center;margin:0 0 0 10px;outline:0}
#easyNavigation{float:left;width:38px;height:20px;margin:0 10px 0 0}
#easyPrevLink{display:block;float:left;width:18px;height:20px;background:transparent url('../images/prevbtn.png') no-repeat center;outline:0}
#easyNextLink{display:block;margin:0 0 0 20px;width:18px;height:20px;background:transparent url('../images/nextbtn.png') no-repeat center;outline:0}
#easyPrevLink.disabled,#easyNextLink.disabled{visibility:hidden}
#easySlideLink{display:block;float:right;width:20px;height:20px;background:transparent url('../images/slidebtn.png') no-repeat center;margin:0 0 0 10px;outline:0}
#easySlideLink.disabled{background:transparent url('../images/noslidebtn.png') no-repeat center}
#easyCaption,#easyNumber{display:block;margin-right:60px}
#easyCaption.nav,#easyNumber.nav{margin-left:48px}
#easyCaption{font-size:12px;font-weight:bold;line-height:16px;padding-top:2px}
#easyNumber{font-size:10px;line-height:10px;height:10px;padding:4px 0 6px}

video {
      width :700px;
      margin : 0em 0 0em 0em ;
      border : solid 2px #ffffff;
      background-color : #ffffff;
      background : -moz-linear-gradient(top,#ffffff, #ffffff);
      background : -webkit-gradient(linear,top,#333333, #ffffff);
      -moz-box-shadow : 10px 6px 10px #ffffff;
      -webkit-box-shadow : -6px 6px 20px #ffffff;
      box-shadow : 0px 0px 8px 8px #656565;
	  -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
	  border-width:0px;
	  border-color:black;
	  border-style:solid;
	  
   }