/* block inline par defaut */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline}
/*  properieté Globales ======================================================== */
body {background:url(../images/body-bg.gif) #1b1b1b;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em;color:#9f9f9f;  margin : 0px}
.ic, .ic a {border:0;float:right;background:#000;color:#f00;width:100%;line-height:10px;font-size:10px;margin:-50% 0 0 0;overflow:hidden;padding:0}
html { background-color : blue  }	/* html {min-width:980px} */
html, body {height:100% ; width : 100%; }
body{overflow-x:hidden; }
/*  Structure Globale============================================================= */
.container {font-size:.75em}
	/* Header */
	header {overflow:hidden;background:url(../images/header-pattern.gif) #1f1f1f}
	/* Content */
	#content {}
		#content .top {background:#fff;padding:5px 0 0px 0}
		#content .middle {background:#f9f9f9;padding:15px 0 15px 0 }/*  padding:44px 0 50px 0} */ /* #f4f4f4 */
		#content .bottom {border-top:6px solid #171717;background:url(../images/content-pattern.gif) #212121;padding:30px 0 40px 0;color:#5c5c5c}
		.bottom h3 {color : white}
/* Left & Right alignment */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:120%; overflow:hidden }
::-moz-selection {background:#f24c15;color:#fff}
::selection {background:#f24c15;color:#fff}
/*----- les form par  defaut -----*/
input, select, textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
/*----- autre -----*/
.img-indent {margin:0 20px 0 0;float:left}
.img-box {width:100%;overflow:hidden;padding-bottom:22px}
	.img-box figure {float:left;margin:4px 25px 0 3px;border:5px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1)}
.img-wrap {padding-bottom:18px}
	.img-wrap figure {margin:4px -3px 0 3px;border:5px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1)}
.extra-wrap {overflow:hidden}
p {margin-bottom:1.5em}
/*----- titre ligne txt -----*/
a {color:#ED0000;outline:none}
a:hover {text-decoration:none}
@font-face {font-family:'ColaborateThinRegular';src:url('../fonts/colabthi-webfont.eot');src:local('O'), url('../fonts/colabthi-webfont.woff') format('woff'), url('../fonts/colabthi-webfont.ttf') format('truetype'), url('../fonts/colabthi-webfont.svg#webfontBuy3ZjAx') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family:'ColaborateBoldRegular';src:url('../fonts/colabbol-webfont.eot');src:local('O'), url('../fonts/colabbol-webfont.woff') format('woff'), url('../fonts/colabbol-webfont.ttf') format('truetype'), url('../fonts/colabbol-webfont.svg#webfonti43fy0NT') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family:'ColaborateRegular';src:url('../fonts/colabreg-webfont.eot');src:local('O'), url('../fonts/colabreg-webfont.woff') format('woff'), url('../fonts/colabreg-webfont.ttf') format('truetype'), url('../fonts/colabreg-webfont.svg#webfontdC3uTxCK') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family:'CalibriBold';src:url('../fonts/calibrib-webfont.eot');src:local('O'), url('../fonts/calibrib-webfont.woff') format('woff'), url('../fonts/calibrib-webfont.ttf') format('truetype'), url('../fonts/calibrib-webfont.svg#webfontbOpCiIlZ') format('svg');font-weight:normal;font-style:normal}
h1 {}
h2 {font-size:36px;line-height:30px;color:#303030;font-weight:normal;font-family:'ColaborateRegular';font-weight:normal;margin-bottom:.7em}
h2.narrow {letter-spacing:-1px}
h3 {font-size:18px;line-height:1.2em;font-family:'ColaborateRegular';font-weight:normal;margin-bottom:1em}
h4 {}
h5 {}
h6 {}
.txt1 {}
.txt2 {}
.more {background:url(../images/arrow2.gif) no-repeat 100% 5px;padding-right:17px;font-weight:bold}
.button {float:right}
	.button span {display:block;background:url(images/button-left.gif) no-repeat left 
	;padding-left:3px}
		.button span span {background:url(images/button-right.gif) no-repeat right top;padding-right:4px;padding-left:0}
			.button span span a {display:block;background:#333743;padding:4px 5px 3px 5px;color:#fff;text-decoration:none;text-transform:uppercase}
			.button span span a:hover {text-decoration:underline}
.line-hor {background:#3a3c52;height:1px;overflow:hidden;font-size:0;line-height:0;margin:20px 0 20px 0}
.line-ver {background-image:url(images/line-ver.gif);background-repeat:repeat-y;width:100%}
/*boxes====================*/
.box {background:#fff;width:100%}
	.box .border-top {background:url(images/border-top.gif) repeat-x left top}
	.box .border-bot {background:url(images/border-bot.gif) repeat-x left bottom}
	.box .border-left {background:url(images/border-left.gif) repeat-y left top}
	.box .border-right {background:url(images/border-right.gif) repeat-y right top}
	.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top}
	.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top}
	.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom}
	.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom}
	.box .inner {padding:0 0 0 0}
.address {float:left}
	.address dt {margin-bottom:1.5em}
	.address dd {clear:both;text-align:right}
		.address dd span {float:left;padding-right:25px}
		.address dd a {color:#06cbe2}
.departments {float:left;overflow:hidden;margin-top:-18px}
	.departments dt {font-weight:bold;color:#f24c15;margin-top:18px}
	.departments dd {clear:both;text-align:right}
		.departments dd span {float:left;padding-right:25px}
/*===== header =====*/
/* header h1 {background:url(../images/logo.png) no-repeat 0 0;padding:2px 0 0 38px;font-family:'ColaborateThinRegular';font-size:26px;line-height:1.2em;color:#fff;font-weight:normal;float:left} */
		header h1 a {color:#fff;text-decoration:none}
			header h1 strong {font-family:'ColaborateBoldRegular';font-weight:normal}
header nav {padding:0px 0 10px 0 ;height : 110px ; overflow : visible ;}
	header nav ul { float:right; padding:2px 0 0 0}
		header nav ul li {float:left;padding-left:4px}
			header nav ul li a {position:relative;float:left;font-size:14px;color:#fff;text-decoration:none;font-family:'ColaborateThinRegular';/* text-transform:uppercase */;height:32px;line-height:32px;background-color:#A01919;padding:0 36px 0 10px; font-weight: bold}
			header nav ul li a:hover, header nav ul li a.current {background-color:#fff; color : black }
			.subMenu ul {z-index : 30 ; width : 90px; position : relative ; left : 0px ; top : 0px ;  display : none ; text-align : left  }
			/* header nav ul li.subMenu a:after {content:'v';display:block;position:absolute;right:12px;top:0px;width:4px;height:7px;} */
			/* header nav ul li:nth-child(3) .testt1:after {content:'v';display:block;position:absolute;right:12px;top:0px;width:4px;height:7px;} */
			.testt1:after { }
			 header nav ul li:nth-child(3) .testt1:after {content:'v';display:block;position:absolute;right:12px;top:0px;width:4px;height:7px;} 
			 .subMenu li {width : 200px; margin-top : 3px }
			
header .adv-content {overflow:hidden;background:#f4f4f4;padding:5px 0 0px 0; display : block ;height:25px;   } /* #f9f9f9 *//*  #f4f4f4 */
	header .breadcrumbs {float:left;padding:3px 0 0 10px}
		header .breadcrumbs li {display:inline;color:red;padding-left:5px; font-size:15px; text-decoration : underline}
		header .wrapper ul {
		/* border : 1px solid white; */
		position : relative;
		left : 0px;
		top : 0px;
		}
header .breadcrumbs span {color : black; font-size:15px; font-weight : bold;}
#divEtat{color :#D34836; font-size:15px; font-weight : bold; cursor : pointer ;display : inline-block ; float : right;  text-decoration : underline;position : relative ; top : 2px; }
		header .wrapper ul {
		/* border : 1px solid white; */
		position : relative;
		left : 0px;
		top : 0px;
		}
		.logoPrincipal{
	/* 	border : 1px solid white; */
		
		z-index: 10;
		}

		header {
		/* border : 1px solid blue; */
	overflow : visible;
		}
		header .wrapper {
		/* border : 1px solid red; */
		width : 100%;
		position : relative;
		left : 0px;
		top : 0px;
		}
/*===== content =====*/
#content {}
	#gallery {float:left;width:495px;height:329px ;-webkit-box-shadow: 0px 10px 12px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 12px -1px rgba(0,0,0,0.75);
box-shadow: 0px 10px 12px -1px rgba(0,0,0,0.75);}
		.pics {width:582px;height:384px;padding:0;margin:0;position:relative;margin:23px 0 0 36px} 
			.pics img {display:block !important;position:absolute;width:495px;height:329px;top:0;
				left:0;border:5px solid #fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:0 0 3px rgba(0, 0, 0, .2);-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .2)} 
			.pics img:nth-child(2) {-moz-transform:rotate(2.5deg); /* FF3.5+ */ -o-transform:rotate(2.5deg); /* Opera 10.5 */ -webkit-transform:rotate(2.5deg); /* Saf3.1+, Chrome */ }
			.pics img:nth-child(3) {-moz-transform:rotate(-2.5deg); /* FF3.5+ */ -o-transform:rotate(-2.5deg); /* Opera 10.5 */ -webkit-transform:rotate(-2.5deg); /* Saf3.1+, Chrome */ }
			.pics img:nth-child(4) {-moz-transform:rotate(3.5deg); /* FF3.5+ */ -o-transform:rotate(3.5deg); /* Opera 10.5 */ -webkit-transform:rotate(3.5deg); /* Saf3.1+, Chrome */ }
			.pics img:nth-child(5) {-moz-transform:rotate(-3.5deg); /* FF3.5+ */ -o-transform:rotate(-3.5deg); /* Opera 10.5 */ -webkit-transform:rotate(-3.5deg); /* Saf3.1+, Chrome */ }
			#prev {position:absolute;left:0;top:174px;z-index:1;background:url(../images/prev.png) no-repeat 0 0;width:83px;height:45px}
			#next {position:absolute;left:495px;top:174px;z-index:1;background:url(../images/next.png) no-repeat 0 0;width:83px;height:45px}
	#intro { margin-left: 40px; float:left;width:396px ; margin-top : 10px}
		#intro .inner {padding:24px 0 0 14px}
			#intro h2 {font-size:48px;color:#ED0000;line-height:40px;font-family:'CalibriBold';font-weight:normal;margin-bottom:25px }
				#intro h2 span {font-family:'ColaborateThinRegular';color:#303030;display:block}
			#intro .extra-button {display:inline-block;background:url(../images/extra-button.jpg) no-repeat 0 0;width:195px;height:73px;margin:15px 0 0 -10px;line-height:49px;font-size:18px;color:#fff;text-decoration:none;font-weight:bold;text-indent:30px;text-shadow:1px 1px 0 #a61607}
			#intro .extra-button:hover {text-shadow:2px 2px 0 #a61607}
	.categories {box-shadow:1px 1px 1px rgba(0, 0, 0, .1);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);border:1px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;background-image:-moz-linear-gradient(top, #fcfcfc, #f4f4f4);/* FF3.6 */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #f4f4f4),color-stop(1, #fcfcfc));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');/* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4')";/* IE8 */ margin-bottom:3px}
		.categories li {border-bottom:1px solid #ebeae8;border-top:1px solid #fff}
		.categories li:first-child {border-top:none}
		.categories li:last-child {border-bottom:none}
			.categories li a {position:relative;display:block;padding:12px 0 11px 20px;font-size:16px;color:#000;text-decoration:none;font-family:'ColaborateThinRegular';font-size-adjust:0.49;-moz-transition:all 0.2s ease-out; /* FF3.7+ */ -o-transition:all 0.2s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.2s ease-out; /* Saf3.2+, Chrome */ }
			.categories li a:hover {background-image:-moz-linear-gradient(top, #ee3c09, #b90909);/* FF3.6 */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ee3c09),color-stop(1, #b90909));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909');/* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909')";/* IE8 */ color:#fff;box-shadow:2px 2px 0 rgba(0, 0, 0, .1);-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, .1);-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px;margin-right:-12px}
	.images {}
		.images figure {border:5px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;float:left;box-shadow:0 0 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);margin:5px 0 0 16px}
		.grid9 table img {border:5px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;float:left;box-shadow:0 0 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);margin:5px 0 0 16px}
		.images figure:first-child {margin-left:0}
			.images figure img:hover {opacity:.7;-moz-transition:all 0.2s ease-out; /* FF3.7+ */ -o-transition:all 0.2s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.2s ease-out; /* Saf3.2+, Chrome */ }
			.grid9 table img:hover {opacity:.7;-moz-transition:all 0.2s ease-out; /* FF3.7+ */ -o-transition:all 0.2s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.2s ease-out; /* Saf3.2+, Chrome */ }
	#content .bottom h3 {color:#fff}
	#content .bottom a.alt {color:#06cbe2}
	.list1 li {padding-bottom:4px}
		.list1 li a {color:#06cbe2}
			.list1 li a:hover {color:#fff;text-decoration:underline;-moz-transition:all 0.3s ease-out; /* FF3.7+ */ -o-transition:all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.3s ease-out; /* Saf3.2+, Chrome */ }
	.list2 li {padding-bottom:4px}
		.list2 li a {color:#5c5c5c;text-decoration:none}
			.list2 li a:hover {color:#fff;-moz-transition:all 0.3s ease-out; /* FF3.7+ */ -o-transition:all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.3s ease-out; /* Saf3.2+, Chrome */ }
	.list3 {padding-bottom:24px}
	.list3 li {background:url(../images/arrow2.gif) no-repeat 0 7px;padding:0 0 6px 17px}
/*===== footer =====*/
footer .container {color:#fff;font-size:16px;line-height:1.2em;padding:16px 0 16px 0;font-family:'ColaborateThinRegular' ; background : #130E0A}
		/* footer .copy {float:left} */
		footer .copy a {color:#fff;text-decoration:none }
		footer .copy a:hover {-moz-transition:all 0.3s ease-out; /* FF3.7+ */ -o-transition:all 0.3s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.3s ease-out; /* Saf3.2+, Chrome */ color:#e83709}
		footer .phone {float:right;font-style:normal}
		footer .phone strong {font-family:'ColaborateBoldRegular';font-weight:normal;color:#e83709}
		#datepicker{
		position : relative ;
		top : 0px;
		left : 500px;
		}
		
.copy{

Position : relative;
top : 0px ;
/* left : 250px;  */
text-align : center ;
}		
/*----- formes -----*/
#search-form {float:right;position:relative ;}
	#search-form fieldset {border:none}
		#search-form input[type=text] {background:#fff;width:195px;border:none;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;padding:4px 25px 5px 8px;box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;-moz-box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;-webkit-box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;background:url(../images/search-bg.gif) no-repeat 100% 7px #fff}
		#search-form input[type=submit] {width:20px;height:20px;position:absolute;right:5px;top:0;border:none;background:none;cursor:pointer}
#contacts-form fieldset {border:none;width:100%;overflow:hidden;display:block;line-height:16px}
	#contacts-form label {display:block;height:44px;overflow:hidden;text-indent:4px}
		#contacts-form input {color:#fff;border:1px solid #444343;background:rgba(204, 204, 204, .05);padding:2px 0 2px 5px;width:210px;margin-left:3px}
		#contacts-form input:focus {border-color:#fff}
		#contacts-form textarea {color:#fff;border:1px solid #444343;background:rgba(204, 204, 204, .05);padding:2px 0 2px 5px;width:210px;overflow:auto;height:102px;margin-bottom:12px}
		#contacts-form textarea:focus {border-color:#fff}
		#contacts-form .link1 {float:right;margin-left:11px}
/*==========================================*/


#Immage {
margin-bottom : 40px;
}
#immage img {
width : 150px;
height : 85px;
margin-left : 10px;
transition:all ease 0.4s;
z-index :5;
}
#immage img:hover {
transform: scale(3);
border : 1px solid red;
z-index : 10 ;
}
#div1{
display : inline-block;
text-align : center;
}
#div1 h4{
 color : #CCCCCC;
margin : 0px;
font-family : arial;
font-size :13px;
width : 150px;
margin-left: 12px;
/* border-radius: 10px 10px 0px 0px; */
}

#navregulation li:before {
color : red;
content: "→ ";
}
 #navregulation span{
 color : black;

 font-size : 15px;
 
 }
 .NavInt{
 Position : relative;
 top : 0px;
 left : 40px;
 color : black;
  }
  #gridtest{
  
  border : 2px solid black;
  }
  .Staff dt:before {
	content: "→ ";
	color : red;
  }
  
  .Staff dt {
  font-size :15px;
	color : red;
  }
   #NavContact li  {
   margin-bottom : 10px;
   }
    #NavContact li input {

text-align : center;
width : 418px;
   }
   #NavContact span {
   margin-Right : 20px;
width :100px;
display: inline-block;

}
#liensUtiles{
position : relative;
top : 0px;
left : 650px;
}
.MotCles{
color : red;
}
.Marque li{color : black;font-size : 13px;position : relative;top : 0px;left :20px;}	
.Marque li:before{content: "+ " ;	color : red;font-size : 13px;}

.grid9 h2 {
position : relative;
top : 10px;
left :0px;
}
.list1{
position : relative;
top : 10px;
left :0px;
}
.grid3{
position : relative;
top : 5px;
left :0px;
}

 .top .clearfix { height : 340px}

 footer {
padding : 0px;
width : 100%;
}


#montageWrap{		width : 1050px; height : 200px }
	.montageBlock{		width : 200px; height : 200px ; float : left ; display : block ; overflow : hidden ;position : relative;  margin-right : 10px; border-radius: 0 30px 0 40px;	}
	.ThumbContenant{ background-color : #CC0000 ; height : 100% ;  padding-top : 55px; 	}
		#block1{width:100%; height : 100% ;position : absolute ;  display : block;  border-radius: 0 10px 0 10px; background-image:-moz-linear-gradient(top, #ee3c09, #b90a09);/* FF3.6 */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ee3c09),color-stop(1, #b90a09));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90a09');/* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90a09')";/* IE8 */  ;	}
		#block1:hover{ background-image:-moz-linear-gradient(top, #CC0000, #CC0000);/* FF3.6 */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #CC0000),color-stop(1, #CC0000));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#CC0000');/* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#CC0000')";/* IE8 */  ;	}
		
		#principale{position:relative; border : 1px solid red;}
		div#photo{background-image: url('images/modicon-plc copie.JPG');opacity:0.2;width:300px;height:300px; }
		div#text1{width:300px;height:300px;position:absolute; top: 0;left:0;}
		#Authentif{padding-left : 3px ; padding-right : 3px; margin-top : 8px; }
                #Authentif span{ cursor : pointer; color : #D34836; font-size: 12px; font-weight : bold; text-decoration : underline; } 
                #FormInsc{-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;
                 -moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
                .labelAuthentif{color : #D34836; font-size: 12px; font-weight : bold;}
                  input {border : none;}
#bouttonSynertek{ z-index = 300;  margin-top : 8px; padding:6px 0 6px 0; font:Bold 13px Arial;background:#d34836;color:#fff;width:90px; border-radius:2px;border:none;}
#bouttonSynertekupld::-webkit-file-upload-button{z-index = 300;  margin-top : 8px; padding:6px 3px 6px 3px; font:Bold 13px Arial;background:#d34836;color:#fff; border-radius:2px;border:none;}