@font-face {       font-family: 'Didact Gothic', sans-serif;      font-family: 'Roboto', sans-serif; 
		src: url('fonts/century_gothic/century_gothic.eot'); 
		src: url('fonts/century_gothic/century_gothic.eot?#iefix') format('embedded-opentype'), 
		url('fonts/century_gothic/century_gothic.svg#Century Gothic') format('svg'), 
		url('fonts/century_gothic/century_gothic.woff') format('woff'), 
		url('fonts/century_gothic/century_gothic.ttf') format('truetype'); font-weight: normal; font-style: normal;
	}

@font-face {
    font-family: 'SertigLight';
    src: url('fonts/sertig/Sertig.eot');
    src: url('fonts/sertig/Sertig.eot?#iefix') format('embedded-opentype'),
         url('fonts/sertig/Sertig.woff') format('woff'),
         url('fonts/sertig/Sertig.ttf') format('truetype'),
         url('fonts/sertig/Sertig.svg#SertigLight') format('svg'); 
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'gabo_Elegant';
    src: url('fonts/Gabo_Elegant/Gabo_Elegant.eot');
    src: url('fonts/Gabo_Elegant/Gabo_Elegant.eot?#iefix') format('embedded-opentype'),
         url('fonts/Gabo_Elegant/Gabo_Elegant.woff') format('woff'),
         url('fonts/Gabo_Elegant/Gabo_Elegant.ttf') format('truetype'),
         url('fonts/Gabo_Elegant/Gabo_Elegant.svg#helveticarounded_lt_std_bdcRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{font-family: 'Varela Round', sans-serif;}

body{
	margin:0;
	padding:0;
	font-family: 'Varela Round', sans-serif;
	font-size:75%;
	
	
}
a{
	text-decoration:none;
}
a:hover{
	color:#ed0000;
}

.logotxt{
	position: absolute;
    left: 220px;
    top: 5px;
    font-size: 16px;
}


#follow{
	padding:5px;
	margin-bottom:5px;
	border-bottom:solid 1px #ccc;
}
#follow span{
	color:#666;
}
#follow a{
	color:#666;
	font-weight:700;
	text-transform:uppercase;
}
#follow a:hover{
	color:#ed0000;
	
}
.margnon{
	margin:0;
}
.hometitle{
	font-size:14px;
	margin:2px;
	margin-left:0;
}
#header{
	height:85px;	
	display:block;
	margin:0;
	padding:0;
	z-index:1000;
	position:relative;
	clear:both
}

#main_header{
	height: 49px;
	display:block;	
	margin:0;
	padding:0;
	background:#f5f5f5;
}
#main_header #hwrapper{
	height:49px;
	display:block;
	width:1011px;
	margin:0 auto;
	padding:0;	
	
}

#hwrapper #logo{
	height:49px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#hwrapper #menuitems{
	height: 49px;
    width: 940px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background:url(images/bg_top_middle.png) left no-repeat;
}

#hwrapper #menuitems ul{	
	margin:0;
	padding:0;
	display:block;
	float:right;
	margin-right:40px;
	margin-top:18px;	
}

#hwrapper #menuitems li{	
	margin:0;
	padding:0;
	display:inline-block;
	list-style:none;
	padding-left:20px;	
}
#hwrapper #menuitems li.solidli{
	border-right:solid 1px #ccc;
	padding-right:20px;		
}

#hwrapper #menuitems li a{
	text-decoration:none;
	color:#999;		
}

#hwrapper #menuitems li a:hover{
	text-decoration:none;
	color:#ed0000;		
}

#hwrapper #menuitems li a.homelink{
	background:url(images/home_icon.png) 1px 2px no-repeat;
	padding-left:20px;	
}

#hwrapper #menuitems li a.planlink{
	background:url(images/sitemap_icon.png) 1px 2px no-repeat;
	padding-left:23px;	
}

#menu_header{
	height:36px;
	display:block;	
	margin:0;
	padding:0;
	background:url(images/bg_menu_top.png) repeat-x;
	width:100%;
}
#menu_header #mhwrapper{
	height:36px;
	display:block;
	width:1011px;
	margin:0 auto;
	padding:0;	
	
}

#content{
	display:block;
	min-height:200px;
	overflow:auto;
	background:url(images/bg_middle_top.png) top repeat-x;
	width:1034px;
	margin:0 auto;
}

#left{
	width:213px;
	display:block;
	float:left;
	min-height:50px;
	overflow:auto;
	
}

#contentbody{
	width:592px;
	margin:0;
	padding:5px;
	display:block;
	float:left;
	min-height:350px;
	overflow:auto;
	padding-top:10px;
	
}

#right{
	width:218px;
	display:block;
	float:left;
	min-height:50px;
	overflow:auto;
	
}
#contentbody h1{
	text-transform:uppercase;
	display:block;
	margin:0;
	padding:0;
	padding-bottom:10px;
	color:#ed0000;
	margin-top:30px;
    font-family: 'Didact Gothic', sans-serif;
    font-family: 'Roboto', sans-serif;
	border-bottom:dashed 1px #ccc;
	font-size:18px;
}

#contentbody h2{
	text-transform:uppercase;
	display:block;
	margin:0 !important;
	padding:0;
	padding-top:10px;
	font-size:14px;
	color:#333;
	font-family: 'Didact Gothic', sans-serif;
	font-family: 'Roboto', sans-serif;
		
}

.contentbodyBlocks{
	width:597px;
	display:block;	
	min-height:50px;
	overflow:auto;
	margin-top:5px;
}
.blockbg{
	background:url(images/bg_top_news.png) top no-repeat;
}

#newsblockHome{
	width:380px;
	height:105px;
	display:block;
	float:left;
	background:url(images/actu.png) left no-repeat;
	padding-left:200px;
	padding-top:15px;
	
}
.scroll{
	padding:10px;
	display:block;
	
}

#newsblockHome a{
	font-size:12px;
	text-decoration:none;
	color:#333;	
}

#newsblockHome a;hover{	
	color:#ed0000;	
}


#socialblockHome{
	width:180px;
	height:100px;
	display:block;
	float:left;
}
#socialblockHome h1{
	display:block;
	font-size:12px;
	color:#ed0000;
	text-align:center;
	text-transform:uppercase;
	margin:5px;
	margin-top:20px;	
}

.facebookHome{
	background:url(images/facebook_w.png) left no-repeat;
	padding-right:10px;
	border-right:#ccc solid 1px;
	margin-right:10px;
	display:block;
	float:left;
	height:17px;
	width:17px;
	margin-left:50px;
	margin-top:5px;
}

.youtubeHome{
	background:url(images/youtube_w.png) left no-repeat;	
	margin-right:10px;
	display:block;
	float:left;
	height:17px;
	width:49px;
	margin-top:5px;
}

#itemsBlock{	
	display:block;
	margin:0;
	padding:0;
	min-height:50px;
	overflow:auto;	
}
h1.ttleft{
	width:180px;
	display:block;	
	height:49px;
	margin:0 !important;
	padding:8px;
	padding-top:10px;	
	background:url(images/lebel_left.png) 0px 0px no-repeat;	
	font-size:18px;
	color:#fff;
	font-weight:700;	
	text-transform:uppercase;
	clear:both;
	padding-right:20px;
	
	
}

#itemsBlock ul{	
	display:block;
	margin:0 !important;
	padding:0 !important;
	
	width:190px;
	margin-left:10px !important;
	
}

#itemsBlock li{
	display:block;
	list-style:none;
	padding:8px;
	border-bottom:dashed 1px #ccc;
	
	
}
#itemsBlock li a{
	text-decoration:none;
	color:#333;
	background:url(images/red_square.png) 1px 5px no-repeat;
	padding-left:15px;
	display:block;
	font-size: 14px;
}

#itemsBlock li a:hover{	
	color:#b00;	
}

#itemsBlock li a.actived{
	font-weight:700;
	background:#dfdfdf url(images/arrow-gray-selected.png) right no-repeat; 
	padding:7px;
	margin-left:0px;
	-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
			
		
}



#itemsBlockRight{	
	display:block;
	margin:0;
	padding:0;
	min-height:50px;
	overflow:auto;
	
		
}
h1.ttright{
	width:217px;
	display:block;	
	height:66px;
	margin:0;
	padding:0;	
	background:url(images/nos_filiales.png) left no-repeat;
	border-left:solid 1px #ccc;
}

#itemsBlockRight ul{	
	display:block;
	margin:0;
	padding:0;
	background:url(images/bg_right_menu.png) right repeat-y;
	padding:7px;
	padding-top:0;	
	width:206px;
	margin-right:10px;
	padding-left:0;
	padding-bottom:0;
	
}

#itemsBlockRight li{
	display:block;
	list-style:none;
	padding:5px; 
	border-bottom:solid 1px #ccc;
	padding-left:20px;
	border-left:solid 1px #ccc;	
}


#itemsBlockRight li.bolditem2{
	display:block;
	list-style:none;
	padding:10px; 
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
	padding-left:20px;
	border-left:0;
	border-right:solid 0px #ccc;
	font-weight:700;
	background:#fff url(images/arrow-gray.png) right no-repeat;
}

#itemsBlockRight li.bolditem2 a{
	text-decoration:none;
	color:#333;
	background:none;
	padding-left:15px;
	display:block;
	font-size:12px;
}

#itemsBlockRight li a{
	text-decoration:none;
	color:#333;
	background:url(images/puce_menu_red.png) 1px 5px no-repeat;
	padding-left:15px;
	display:block;
	font-size:13px;
}

#itemsBlockRight li a:hover{
	
	color:#b00;
	
}

.blockContent1{
	float:left;
	padding:5px;
	display:block;
	min-height:50px;
	overflow:auto;
	width:186px;
	
}
.blockContent1 ul{
	display:block;
	margin:0;
	padding:0;
}

.blockContent1 li{
	display:block;
	padding:6px;
	background:url(images/bg_degrade_menu.png) repeat-x;
	list-style:none;
	border-bottom:dashed 1px #ccc;
}
.blockContent1 li a{
	display:block;
	padding:5px;
	background:url(images/red_bold_puce.png) 1px 8px no-repeat;
	padding-left:15px;
	color:#fa6401;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:700;
	font-size:13px;
}


.blockContent2{
	float:left;
	padding:5px;
	display:block;
	min-height:50px;
	overflow:auto;
	width:185px;
	
}

.blockContent3{
	float:left;
	padding:5px;
	display:block;
	min-height:50px;
	overflow:auto;
	width:185px;
	
}

.video{
	display:block;
	background:url(images/galerie_video.jpg) center no-repeat;
	width:185px;
	height:210px;
	border:solid 1px #ccc;	
}

.allvideo{
	display:block;
	background: #f37116;
    color: #fff !important;
	padding:2px;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	padding-left:20px;		
}

.carriere{
	display:block;
	background:url(images/carriere.jpg) center no-repeat;
	width:185px;
	height:120px;
	margin-bottom:5px;		
}

.nos_realisations{
	display:block;
	background:url(images/nos_realisations.jpg) center no-repeat;
	width:185px;
	height:120px;
	margin-bottom:5px;		
}

.nos_realisations_ss{
	display:block;
	background:url(images/nos_realisations.jpg) center no-repeat;
	width:185px;
	height:105px;
	margin-bottom:5px;
	margin-top:10px;
	margin-left:12px;		
}
.galeriePhotosLink{
	display:block;
	background:url(images/galerie_photos.jpg) center no-repeat;
	width:186px;
	height:162px;
	margin-top:5px;		
}

#footer{
	min-height:20px;
	overflow:auto;
	display:block;
	background:#444 url(images/bg_btm_top.png) top repeat-x;
}

#footer_social{
	min-height:33px;
	overflow:auto;
	display:block;	
}

#footer_copyright{
	min-height:20px;
	overflow:auto;
	display:block;
	background:#ff6600;
	color:#fff;
	padding:5px;
	padding-top:15px;
	text-align:center;
	font-size:12px;
}

#socialblockFooter{
	width:290px;
	min-height:44px;
	overflow:auto;
	display:block;
	margin:0 auto;
	
}
#socialblockFooter h1{
	display:block;
	font-size:12px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin:5px;
	margin-top:15px;
	float:left;	
}
.facebookFooter{
	background:url(images/rfacebook.png) left no-repeat;
	padding-right:5px;	
	margin-right:5px;
	display:block;
	float:left;
	height:33px;
	width:36px;
	margin-left:30px;
	margin-top:5px;
}

.youtubeFooter{
	background:url(images/ryoutube.png) left no-repeat;	
	margin-right:5px;
	display:block;
	float:left;
	height:33px;
	width:34px;
	margin-top:5px;
}
.footerHeader{
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	padding:0;
	padding-bottom:5px;
	border-bottom:solid 4px #c6c6c6;
 
}

#footerMenu{
	min-height:20px;
	overflow:auto;
	display:block;
	width:1024px;	
	margin:0 auto;	
}

.footerMenuBlock{
	min-height:50px;
	overflow:auto;
	display:block;
	width:600px;	
	margin:10px;
	float:left;
}

.footerMenuBlocksmall{	
	width:380px;
	
}
 
.footerMenuBlockItems{
	min-height:50px;
	overflow:auto;
	display:block;
	width:170px;	
	margin:10px;
	float:left;
	
}

.footerMenuBlockItems ul{
	margin:0;
	padding:0;
	display:block;
}

.footerMenuBlockItems li{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	padding:3px;
}


.footerMenuBlockItems li a{
	text-decoration:none;
	color:#fff;
	background:url(images/puce_menu_re_white.png) 1px 5px no-repeat; 
	padding-left:15px;
	display:block;
}

.footerMenuBlockItems li a:hover{
	
	color:#eee;
	text-decoration:underline;
	
}

.ban{
	display:block;
	width:1024px;
	height:194px;
	margin:0 auto;
}

.miniNews{
	display:block;
	border:solid 1px #ccc;
	margin:5px;
	margin-top:0;
	padding:5px;
	background:#fff;
	width:150px;
	height:100px;
	float:left;
	
}
.imgCtrl{
	
	max-width:300px !important;
	height:auto;
	padding:5px;
	margin:5px;
	margin-top:0;
	
}


.bigImgNews{
	display:block;
	border:solid 1px #ccc;
	margin:5px;
	margin-top:0;
	padding:5px;
	background:#fff;
	width:325px;
	height:auto;
	float:left;
	
}

.boxstyled{
	display:block;
	margin:10px;
	padding:10px;
	margin-top:10px;
	padding-bottom:15px;
	
	min-height:20px;
	overflow:auto;
	clear:both;
	
	-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		background:#fff url(images/img-bloc-rad.png) top repeat-x; 
	
}

.boxstyled h3{
	margin:0;
	margin-bottom:5px;
	color:#ed0000;
	font-weight:700;
	      font-family: 'Didact Gothic', sans-serif;      font-family: 'Roboto', sans-serif; 
}

.boxstyled a{	
	color:#333;
	font-weight:500;
	padding-left:15px;
	display:block;	
	font-family: 'Varela Round', sans-serif;
}

.boxstyled a:hover{	
	color:#ed0000;
		
}


#spacer{
	height:100px;
	display:block;
}

.border{
	padding:0px;
	border:solid 1px #ccc;
	margin:10px;
	margin-top:0;
	background:#eee;
}

/* tableau */
.table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:95%;
		margin:1% auto 0;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		/*-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);*/
	}
	
	.table th, .table td {padding:10px; text-align:left; }
	/*.table th.njo, .table td.njo {  width:1% !important; }
	.table th.annee, .table td.annee { min-width:30px; width:1%;}
	.table th.texte, .table td.texte { min-width:600px; width:80%;}*/
	
	
	.table th {padding-top:10px;  color:#fff;}
	
	.table td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
	
	.table tr.odd-row td {background:#f6f6f6;}
	
	.table td.first, .table th.first {text-align:left}
	
	.table td.last {border-right:none;}
	
	/*
	Background gradients are completely unnecessary but a neat effect.
	*/
	
	.table td {
		background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); 
	}
	
	.table tr.odd-row td {
		background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
		background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
	}
	
	.table th {
		background-color: #0a4188;
	}
	.table tr:first-child th.first {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	.table tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	.table tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	.table tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}
	
	.table h3{
		margin:0;
		padding:0;
		text-transform:uppercase;
		color:#ed0000;
	}
	/* tableau --*/
	
	.dwnldlink{
		display:block;
		padding:5px;
		margin:5px;
		text-decoration:none;
		background:url(images/d_download.png) left no-repeat;
		padding-left:33px;
		color:#0a4188;font-family:"Century Gothic";
		
	}
	
	.dwnldlink:hover{		
		color:#b00;
		
	}
	
	.dwnldfolderlink{
		display:block;
		padding:5px;
		margin:5px;
		text-decoration:none;
		background:url(images/folder.png) left no-repeat;
		padding-left:30px;
		color:#0a4188;
		
	}
	
	.dwnldfolderlink:hover{		
		color:#b00;
		 
	}
	
	
	/*Galerie */
	#galerie{
	min-height:50px;
	overflow:auto;
	display:block;
	padding:25px;	
}

.galerie img{
	height:100px;
	width:100px;
	border:none;
	
}


.galerieheader{
	font-size:14px;
	color:#666;
	margin:0px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:20px;
	display:block;
	
}
.galhead{
	margin-left:25px !important;
}
.morebox
	{
		font-weight:bold;
		color:#333333;
		text-align:center;
		border:solid 1px #ccc;
		margin:0 auto;
		padding:8px;
		margin-top:15px;
		margin-bottom:8px;
		-moz-border-radius: 6px;-webkit-border-radius: 6px;
		width:200px;
		background:#eee;
		display:block;
		clear:both;
	}
	.morebox a{ color:#333333; text-decoration:none}
	.morebox a:hover{ color:#333333; text-decoration:none}	
	.morebox span{ color:#333333; padding-left:30px; background:url(images/cancel.png) left no-repeat; display:block; text-align:left}

.linkGalerie {
    position: relative;
    height: 200px;
    padding: 5px;
    margin: 10px;
    float: left;
    background: #fff;
    overflow: hidden;
    width: 235px;
}
.linkGalerie img{
    display: block;
    height: 100%;
}
.linkGalerie span{
    position: relative;
    left: 0;
    top: -60px;
    font-size: 14px;
    color: #fff;
    background: rgba(0, 0, 0, 0.59);
    padding: 5px;
    line-height: 1.93;

}

.linkGalerie img{
 max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.linkGalerie img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
	
}


a.linkGalerieVideo{
	display:block;
	width:175px;
	height:200px;
	padding:5px;
	margin:5px;
	border:solid 1px #ccc;
	float:left;
	background:#fff;
	color:#333;	
	font-weight:700;
}

 a.linkGalerieVideo:hover{
	
	border:solid 1px #b00;
	color:#b00;
	
	
}

a.linkGalerieVideo strong{
	display:block !important;
	text-align:center;
	clear:both;
	height:30px ;
	background:#eee;
	padding:5px;
	margin-bottom:5px;
	
}

a.linkGalerieVideo img{
	display:block;
	width:175px;
	height:150px;
	
}

.galerie-link{		
	background:url(images/photo-icon.png) left no-repeat;
	padding:10px;
	padding-left:42px;	
	display:block;
	text-decoration:none;	
	font-size:14px;
	color:#333;
	margin-left:30px;	
			
	}
	
	.galerie-link:hover{
		
		background:url(images/photo-icon.png) left no-repeat;
		color:#b00;	
			
	}	
	.galerie-link-album{		
	background:url(images/photo-icon.png) 1px 7px no-repeat;
	padding:10px;
	padding-left:42px;	
	display:block;
	text-decoration:none;	
	font-size:14px;
	color:#333;
	margin-left:30px;	
			
	}
	
	.galerie-link-album:hover{
		
		background:url(images/photo-icon.png) 1px 7px no-repeat;
		color:#b00;	
			
	}	
	
	.realisation-link-album{		
	background:url(images/project-icon.png) 1px 7px no-repeat;
	padding:10px;
	padding-left:42px;	
	display:block;
	text-decoration:none;	
	font-size:14px;
	color:#333;
	margin-left:30px;	
			
	}
	
	.realisation-link-album:hover{
		
		background:url(images/project-icon.png) 1px 7px no-repeat;
		color:#b00;	
			
	}	

	.grealisation{		
	background:url(images/project-icon.png) left no-repeat;
	padding:10px;
	padding-left:42px;	
	display:block;
	text-decoration:none;	
	font-size:12pt;
	font-weight:500;
	color:#0c4da2;
	margin-left:0px;
	border-bottom:dashed 1px #aaa;
	font-family:"Century Gothic";		
}
	
.grealisation:hover{		
		background:url(images/project-icon.png) left no-repeat;
		color:#b00;	
} 

.gphoto{		
	background:url(images/photo-icon.png) left no-repeat;
	padding:10px;
	padding-left:42px;	
	display:block;
	text-decoration:none;	
	font-size:12pt;
	font-weight:500;
	color:#0c4da2;
	margin-left:0px;
	border-bottom:dashed 1px #aaa;
	font-family:"Century Gothic";		
}
	
.gphoto:hover{		
		background:url(images/photo-icon.png) left no-repeat;
		color:#b00;	
} 

	/*Galerie -- */
	
	.sitemap{
		display:block;
		font-family:"Century Gothic";
		margin:0;
		padding:0;
		margin-top:20px;
	}
	
	.sitemap li{
		display:block;
		padding:5px;
		list-style:none;
	}
	.sitemap li a.main-url{
		display:block;
		padding:5px;
		font-size:14px;
		font-weight:700;
		text-transform:uppercase;
		color:#333;
		background:#eee;
		padding-left:23px;
		border:solid 1px #ccc;
		-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		
	}
	.sitemap li a.main-url:hover{		
		color:#ed0000;		
	}
	
	.sitemap li ul li a{
		display:block;
		padding:0;
		margin:0;
		color:#333;
		background:url(images/red_bold_puce.png) left no-repeat;
		padding-left:20px;
		font-size:13px;
		font-weight:700;
	}
	.sitemap li ul li a:hover{
		text-decoration:underline;
		color:#ed0000;
	}
	
	.sitemap li ul li ul li a{
		display:block;
		padding:0;
		margin:0;
		color:#333;
		background:url(images/red_bold_puce.png) left no-repeat;
		padding-left:20px;
		font-size:13px;
		font-weight:500;
	}
	.rollover a {
display: block;
width: 82px;
height: 21px;
margin-right: 15px;
margin-bottom: 15px;
background-image: url(../images/learnmore.png);
}

#menutop{
	display:block;
	margin:0;
	padding:0;
	padding-top:10px;
	
	float:left;	
}

#menutop li{
	display:inline;
	list-style:none;
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	border-right:solid 1px #999;
}

#menutop li a{
	color:#eee;
	text-decoration:none;
}

#menutop li a:hover{
	color:#FF0;
	text-decoration:none;
}

#mainSearch{		
	height:30px;	
}

#mainSearch{
    position: relative;
    top: 5px;
	display:block;	
	height:30px;
	/*width:170px;*/
	float:right ;
	margin:0;
}
#search .inputSearch{
	border:solid 1px #ccc;
	margin:3px;
	margin-top:2px;
	float:left;
	height:20px;
	width:150px;
	display:block;
}



#gobtn{
	cursor:pointer;
	margin-top:1px;
}

#gobtnMain{
	cursor:pointer;
	padding-top:9px;
	display:block;
	float:right;
	padding-right:10px;
	
}

.boldItem{
	font-weight:700;
	background:#fff;
}

.ttl_article_liste{
	margin:0;
	margin-bottom:5px;
	color:#ed0000;
	font-weight:700;
	      font-family: 'Didact Gothic', sans-serif;      font-family: 'Roboto', sans-serif; 
	text-transform:uppercase;
	background:url(images/red_bold_puce.png) left no-repeat;
	padding-left:15px;
		
}

.ttl_article_detail{
	margin:10;
	margin-bottom:5px;
	color:#000;
	font-weight:700;
	      font-family: 'Didact Gothic', sans-serif;      font-family: 'Roboto', sans-serif; 
	text-transform:uppercase;
	font-size:21px;		
}

.date_liste{	
	margin:0;
	padding:0;	
	color:#444;
	margin-bottom:10px;	
	font-size:12px;
	padding-left:15px;
}

.date_detail{	
	margin:10px;
	padding:0;	
	color:#444;
	margin-left:0;	
	font-size:14px;
	display:block;
	font-weight:700;
	
}
.suite{
	display:block;
	margin:10px;
	padding:5px;
	background:#ddd;
	color:#000 !important;
	      font-family: 'Didact Gothic', sans-serif;      font-family: 'Roboto', sans-serif;
	clear:both; width:100px;
	text-align:center;
	float:right;
	font-weight:700;
	-moz-border-radius:5px; /* FF1+ */
		-webkit-border-radius:5px; /* Saf3-4 */
		border-radius:5px;
		font-size:14px;
}

.suite:hover{
	
	background:#ed0000;
	color:#fff !important;
}

.pdfIcon{
	display:block;
	margin:5px;
	background:url(images/pdf.gif) center no-repeat;
	height:25px;
	width:25px;
	float:right;
	padding:0;
	
	
}

.printIcon{
	display:block;
	margin:5px;
	background:url(images/sprint.png) center no-repeat;
	height:25px; 
	width:25px;
	float:right;
	padding:0;
}

#printdiv{
	
	padding:60px;
	display:block;
	margin:0 auto;
}

.slink{
	margin:10;
	margin-bottom:5px;
	color:#000;
	font-weight:700;
	      font-family: 'Didact Gothic', sans-serif;      font-family: 'Roboto', sans-serif; 
	text-transform:uppercase;
	font-size:18px;		
}
.resume{
	display:block;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:dashed 1px #ccc;		
}

.searchLink{
	display:block;
}

.searchLink li{
	list-style:none;
	display:block;
}

.number{
	display:block;
	margin-top:-5px;
	margin-right:10px;
	float:left;
	height:20px;
	width:40px;
	background:#eee;
	text-align:center;
	padding:5px;
}

#listSelect{
	display:block;
	margin:10px;
	padding:10px;
	border-bottom:solid 5px #ddd;
}

.cv{
	display:block;
	width:305px;
	height:61px;
	background:url(images/button-deposer-cv2-small.png) left no-repeat;
	
	margin:10px;
	margin-left:360px;
}

.cv:hover{
	
	background:url(images/button-deposer-cv-small.png) left no-repeat;
	
	
}

.recours{
	display:block;
	width:130px;
	height:41px;
	background:url(images/recours_hover.png) left no-repeat;
	
	margin:3px;
	margin-left:460px;
}

.recours:hover{
	
	background:url(images/recours.png) left no-repeat;
	
	
}



/* menu deroulan */
#mhwrapper {
height:40px;
}
#mhwrapper ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
padding-top:3px;
}
#mhwrapper li {
float:left;
margin:auto;
padding:0;
border-right:solid 1px #aaa;
	padding-right:15px;	
	padding-left:15px;	

}
#mhwrapper li a {
display:block;
color:white;
text-decoration:none;
padding:5px;
padding-top:9px;
padding-bottom:10px;
}
#mhwrapper li a:hover {
color:#FFD700;

}
#mhwrapper ul li ul {
display:none;
}
#mhwrapper ul li:hover ul {
display:block;
position:absolute;
z-index:1 !important;
background:#333;
width:200px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border:solid 1px #fff;
border-top:none;

}
#mhwrapper li:hover ul li {
float:none;
border-right:none !important;

}

#mhwrapper ul li ul li a {
display:block;
width:200px;
color:white;
text-decoration:none;
padding:10px;
padding-left:20px;
padding-top:9px;
text-align:left;
}

/*menu deroulan online*/ 

.cry span{color:#fff;margin-top:5px;font-size:14px}
.cry2{margin-top:15px}

.formcv{padding:20px}
.formcv label{font-size:14px}
.coon b{font-size:14px !important}
.formcv input{padding:10px; width:60%;}

.formco label{font-size:14px}
.formco input{padding:8px; width:40%;}

.but_star {
    background: green;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    margin-right: 20px;
}.but_star:hover {
    background: #41a741;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    margin-right: 20px;
}.but_pencil {
    background: #9e9e9e;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    margin-right: 20px;
}.but_pencil:hover {
    background: #d6d5d5;
    color: #fff;
    padding: 10px 10px;
    font-size: 14px;
    margin-right: 20px;
}

.file-wrapper{
    padding: 5px 0px;
    border: 1px solid #eee;
    margin: 15px 0px;
    width: 62%;
    background: rgba(0, 108, 255, 0.32);
}

.error {
    color: #bd6767;
    border-color: #f1bdbd;
    background-color: #ffdddd;
    border:1px solid #bd6767;
}

.col-sm-6{width: 50%;}
.form-field label{font-size:14px}
.form-field input{padding:7px; width:50%;}
.form-field{padding:10px;}

.rsearch{margin-bottom:15px;border-bottom:1px solid #eee}

.dataTables_length {
    float: right;
    margin: 10px;
    margin-top: 15px;
}
.dataTables_filter {
    float: left;
    margin: 10px;
    margin-top: 10px;
}

.gall {
    position: relative;
    top: -40px;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    left: 5px;
    background: rgba(243, 113, 22, 0.72);
    padding: 5px;
}

.recrutement {
    position: absolute;
    /* text-align: center !important; */
    background: rgba(0, 0, 255, 0.64);
    padding: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 175px;
    /* top: 0px; */
}