/****************************************************************************/
/*                                   CSS                                    */
/****************************************************************************/
* { margin:0; padding:0; }

@font-face {
	font-family: 'DinReg';
	src: url('../fonts/DINRg.eot'),	local('../fonts/DINRg.ttf'), url('../fonts/DINRg.ttf') format('truetype'); 
	font-weight: bold;
	font-style: normal;
}

body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4b5c72;
	background:#e2e8ee;
}
img { 
	border:none; 
}
a {
	text-decoration:underline;	
	color:#4a5b71;
}
a:hover {
	text-decoration:none;
}
p { 
	padding:0 0 10px; 
	margin:0;
	line-height:17px;
	text-align:justify;
}
ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
}
li {
	padding:0;
	margin:0;
	list-style:none;
}

#col-droite .content ul, #col-droite .content li {list-style:inherit; margin:inherit; padding:inherit;}
#col-droite .content li {margin-left:5px;}

#col-droite .content .image ul, #col-droite .content .image li {	list-style:none; 
	margin:0; 
	padding:0; }

form, fieldset {
	border:none;
	padding:0;
	margin:0;
	width:auto;
}

input, select, option {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
}

hr {
	color: #e8e8eb;
	background-color: #e8e8eb;
	height: 1px;
	border: 0;
	margin:10px 0;
	*margin:5px 0;
}


/* Les titres */
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-weight:normal;
}


/* Classes communes */
.clear { 
	height:0; 
	width:0; 
	clear:both; 
	line-height:0; 
}
.background {
	background:#fff url(../images/background-fd.jpg) repeat-x 0 0;
}
.spacer {
	padding:0 25px;	
}
p.plus a {
	color:#3399cc;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}	
p.intro {
	font-size:14px;
	color:#a7a7a7;	
	padding-bottom:20px;
}



/************************ PAGE ************************/
#page {
	width:980px;
	margin:0 auto;	
}


/************************ HEADER ************************/
#header {
	width:980px;
	background:url(../images/header-fd.jpg) no-repeat 0 0;	
}


/*:: Navigation ::*/
/*******************************************************/
#navigation {
	width:980px;
	height:42px;
	padding:20px 0 0;
}
#navigation li {
	float:left;	
	text-align:center;
	width:147px;
	border-radius: 5px;
overflow: hidden;

}
#navigation li a {
	color:#fff;
	text-decoration:none;
	font-size:14px;
	text-shadow:1px 2px 1px #223042;
	display:block;
	line-height:31px;
	height:33px;
	font-family: 'DinReg';
}	
#navigation li a:hover,
#navigation li.on a {
	background:url(../images/navigation-fd-on.jpg) no-repeat center 0;	
}



/************************ CONTENER ************************/
#contener {
	width:980px;
	background:url(../images/page-fd.jpg) no-repeat 0 57px;
	padding:15px 0;
}
body.home #contener {
	width:980px;
	background:url(../images/page-fd-home.jpg) no-repeat 0 57px;
}


/*:: Colonne gauche ::*/
/*******************************************************/
#col-gauche {
	float:left;
	width:267px;
	padding:0 6px;
}


/** Logo **/
#col-gauche .logo {
	padding-bottom:6px;	
}


/** Nos domaines d'intervention **/
#col-gauche .domaines {
	width:267px;
	background:url(../images/domaines-fd.jpg) no-repeat 0 0;
/*	padding-bottom:6px;
*/	margin-bottom:10px;
}
#col-gauche .domaines h2 {
	text-align:center;	
	font-family: 'DinReg';
	font-size:18px;
	color:#4a5b71;
	text-shadow:1px 2px 1px #fff;
	padding:15px 0;
}
#col-gauche .domaines ul {
	width:215px;
	padding:0 26px;	
}
#col-gauche .domaines ul li {
	padding-bottom:4px;	
}
#col-gauche .domaines ul li a {
	background:url(../images/domaines-title-fd.png) no-repeat 0 0;
	display:block;
	height:28px;
	line-height:26px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;	
	text-shadow:1px 2px 1px #223042;
	font-size:12px;
	font-family: 'DinReg';
	padding:0 10px;
}

#col-gauche .domaines ul li ul {width:210px; padding:0 10px;}

#col-gauche .domaines ul li ul li {padding:4px 0;}

#col-gauche .domaines ul li ul li a {
	background:none;
	display:inherit;
	height:inherit;
	line-height:inherit;
	text-shadow:none;
	font-size:11px;
	font-family: 'DinReg';

	color:#333333;

}


#col-gauche .domaines ul li a:hover,
#col-gauche .domaines ul li.on a {
	background:url(../images/domaines-title-fd.png) no-repeat 0 -31px;
}

#col-gauche .domaines ul li ul li a:hover,
#col-gauche .domaines ul li ul li.on a {
	background:none;
	text-decoration:underline;
}


#col-gauche .domaines .coordonnees {
	padding:20px 26px 0px;
}
#col-gauche .domaines .coordonnees p {
	color:#4a5b71;
	text-shadow:1px 2px 1px #fff;
	font-size:14px;
	text-align:right;	
}
#col-gauche .domaines .coordonnees p strong {
	font-size:16px;	
}


/** Autres prestations **/
#col-gauche .autres-prestations {
	width:267px;
	height:563px;
	position:relative;
	overflow:hidden;
	background:url(../images/autres-prestations-fd.png) no-repeat 0 0;
}
#col-droite .autres-prestations {
	width:693px;
	height:140px;
	position:relative;
	overflow:hidden;
	background:url(../images/autres-prestations-fd-2.png) no-repeat 0 0;
}
#col-gauche .autres-prestations h2 {
	text-align:center;	
	font-family: 'DinReg';
	font-size:18px;
	color:#212f41;
	padding:15px 0;
	font-weight:bold;
}
#col-gauche .autres-prestations ul {
	width:215px;
	padding:0 0px;	
}

#col-droite .autres-prestations #slides_tags {
	width:610px;
	margin-left:30px;
	padding:19px 10px 0;	
	height:140px;
}

#col-gauche .autres-prestations #slides_tags {
	width:200px;
	margin-left:25px;
	margin-top:25px;
	padding:19px 10px 0;	
	height:413px;
	overflow:hidden;

}


#col-gauche .autres-prestations .item_slide {
	float:left;
	background:url(../images/prestation-fd.png) no-repeat 0 0;
	width:195px;
	height:123px;
	margin:7px auto;
	position:relative;
}
#col-droite .autres-prestations .item_slide {
	float:left;	
	background:url(../images/prestation-fd-2.png) no-repeat 0 0;
	height:103px;
	width:162px;
	margin:0 20px;
	position:relative;
}

.autres-prestations .slide_tag {float:left; margin-top:20px; margin-left:12px;  }
#col-droite .autres-prestations .slide_tag {width:610px;}
#col-gauche .autres-prestations .slide_tag {width:162px;}

.autres-prestations .item_slide h3 {
	color:#fff;	
	font-family: 'DinReg';
	font-size:21px;
	letter-spacing:-1px;
	font-weight:bold;
	text-shadow:1px 2px 1px #7b2013;
	line-height:30px;
	padding: 20px 0 5px 15px
}
.autres-prestations .item_slide h3  {
	font-weight:normal;
	text-transform:uppercase;
	font-size:18px;
	line-height:19px;	
}
.autres-prestations .item_slide h3 a { text-decoration:none; color:#fff;	}

.autres-prestations .item_slide .plus {
	text-align:right;
	padding-right:15px;
	position:absolute;
	bottom:5px;
	right:10px;
}
.autres-prestations .item_slide .plus a {
	font-family: 'DinReg';
	font-weight:bold;
	font-size:15px;
	text-shadow:1px 2px 2px #521108;
	color:#d7bf76;
	letter-spacing:-1px;
	text-decoration:none;	
}

#col-droite .autres-prestations .prev {
	background:none;
	height:95px;
	width:auto;
	padding:45px 0 0 0;
	margin:0 10px 0 0;
}
#col-droite .autres-prestations .next {
	background:none;
	height:95px;
	width:auto;
	padding:45px 0 0 0;
	margin:0 0 0 10px;
}

#col-gauche .autres-prestations .prev {position:absolute; top:55px; left:115px; width:31px;}
#col-gauche .autres-prestations .next {position:absolute; bottom:10px; left:115px; width:31px;  }

#col-gauche .autres-prestations .prev {
	background:none;
	height:35px;
	width:auto;
	padding:0px 0 0 0;
	margin:0 10px 0 0;
}
#col-gauche .autres-prestations .next {
	background:none;
	height:35px;
	width:auto;
	padding:0px 0 0 0;
	margin:0 0 0 10px;
}

#col-droite .autres-prestations .prev {position:absolute; top:10px; left:10px; width:31px;}
#col-droite .autres-prestations .next {position:absolute; top:10px; right:10px; width:31px;  }


/*:: Colonne droite ::*/
/*******************************************************/
#col-droite {
	float:left;
	width:693px;
}


/** Top **/
#col-droite .top {
	padding:7px 0 0;
	height:40px;	
}

/*** Search ***/
#col-droite .search {
	float:right;
	width:225px;
}
#col-droite .search .input-search {
	background:url(../images/input-search.jpg) no-repeat 0 0;
	width:165px;
	height:23px;
	line-height:23px;
	border:none;
	padding:0 4px;
}
#col-droite .search input.ok {
	background:url(../images/input-ok.jpg) no-repeat 0 0;
	width:38px;
	height:23px;
	line-height:23px;
	border:none;
	cursor:pointer;	
}


/*** Espace client ***/
#col-droite .espace-client {
	float:left;	
	background:url(../images/espace-client-fd.jpg) no-repeat 0 0;
	width:173px;
	height:23px;
}
#col-droite .espace-client p {
	padding:0;	
}
#col-droite .espace-client p a {
	display:block;
	line-height:23px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	padding-left:10px;
}

/** Bandeau **/
#col-droite .bandeau {
	position:relative;	
	width:693px;
	
	
}

#col-droite #slides {height:273px; overflow:hidden;}

body.home #col-droite .bandeau {
	margin-bottom:10px;	
}
#col-droite .bandeau .title {
	width:673px;
	background:url(../images/fd-opacity.png) repeat-x 0 0;
	height:64px;
	text-align:right;
	padding:0 20px 0 0;
	position:absolute;
	bottom:15px;
	left:0;
}
#col-droite .bandeau .title h2 {
	color:#fff;	
	font-family: 'DinReg';
	font-size:26px;
	line-height:24px;
	padding-top:7px;
}
#col-droite .bandeau .title p {
	font-family: 'DinReg';
	color:#c2ccd6;
	line-height:24px;
	text-align:right;
	font-size:21px;	
}


/** Fil d'ariane **/
#fil-ariane {
	padding:10px 0 20px;
}
#fil-ariane li {
	display:inline;
	color:#4a5b71;
	font-size:11px;
	font-weight:bold;
}
#fil-ariane li.home {
	background:url(../images/pictos/picto-home.gif) no-repeat 0 center;
	padding-left:15px;
}	
#fil-ariane li a {
	color:#4a5b71;	
	font-weight:normal;
}


/** Content **/
#col-droite .content h2 {
	font-family: 'DinReg';
	font-size:30px;
	color:#4a5b71;	
	line-height:30px;
	padding-bottom:15px;	
}
#col-droite .content h2 span {
	font-size:25px;	
}


/*** Ligne  ***/
#col-droite .content .ligne {
	width:643px;
	border-bottom:2px solid #c6d1dc;
	padding:20px 0 10px 0;
}
#col-droite .content .ligne.last {
	border:none;
}
#col-droite .content .image {
	float:left;
	width:231px;
	max-height:149px;
	overflow:hidden;
}

#col-droite .content .image:hover {
opacity: 0.7;
transition-duration: 1s;
}

#col-droite .content img {margin:3px 8px;}

#col-droite .content .image ul#vignettes,
#col-droite .content .image ul#vignettes li {
	padding-bottom:10px;	
}
#col-droite .content .image ul#actions li {
	padding-bottom:5px;	
	line-height:26px;
	padding-left:35px;	
}
#col-droite .content .image ul#actions li a {
	color:#010101;
	text-decoration:none;
	font-size:12px;	
}
#col-droite .content .image ul#actions li a:hover {
	text-decoration:underline;	
}
#col-droite .content .image ul#actions li.telecharger {
	background:url(../images/pictos/picto-telecharger.gif) no-repeat 0 0;
}
#col-droite .content .image ul#actions li.web {
	background:url(../images/pictos/picto-web.gif) no-repeat 0 0;
}
#col-droite .content .image ul#actions li.informations {
	background:url(../images/pictos/picto-informations.gif) no-repeat 0 0;
}
#col-droite .content .contenu {
	float:left;
	width:500px;
	padding-left:20px;
}
#col-droite .content .contenu h3 {
	color:#c23d2b;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
}	

#col-droite .content .contenu h3 a {color:#c23d2b; text-decoration:none;}

/*** Pagination ***/
#col-droite .content .pagination {
	text-align:center;
	padding-bottom:20px;
}
#col-droite .content .pagination li {
	display:inline;
	color:#4b5c72;
}
#col-droite .content .pagination li a {
	color:#4b5c72;
}
#col-droite .content .pagination li a:hover,
#col-droite .content .pagination li.on a {
	font-weight:bold;	
	text-decoration:none;
}



/*:: Trio ::*/
/*******************************************************/
#contener .trio {
	width:980px;
	padding-top:20px;
}

/** Col-A **/
#contener .trio .col-a {
	float:left;
	width:267px;
	padding:0 6px;	
}

/*** Dernières références ***/
#contener .trio .col-a .dernieres-references {
	padding:0 26px 30px;	
}
#contener .trio .col-a .dernieres-references h2 {
	font-family: 'DinReg';
	font-size:25px;
	line-height:25px;
	padding-bottom:20px;
}
#contener .trio .col-a .dernieres-references li {
	border-bottom:1px solid #e5e9ec;
	padding:5px 0 5px 20px;
	background:url(../images/pictos/picto-valid.gif) no-repeat 0 5px;	
}
#contener .trio .col-a .dernieres-references li a {
	text-transform:uppercase;
	color:#40a4d3;
	text-decoration:none;	
}


/*** Charte qualité ***/
/*#contener .trio .col-a .charte-qualite {
	background:url(../images/charte-qualite-fd.jpg) no-repeat 0 0;
	width:178px;
	height:111px;
	margin:0 auto;	
	padding:10px 15px;
}*/

#contener .trio .col-a .charte-qualite {
background: url(../images/charte-qualite-fd.jpg) no-repeat 0 0;
width: 178px;
margin: 0 auto;
padding: 10px 15px;
background-size: cover;
border-radius: 10px;
}
#contener .trio .col-a .charte-qualite h3 {
	color:#fff;
	font-family: 'DinReg';
	font-size:30px;
	line-height:30px;
	padding-bottom:5px;
	font-weight:bold;	
	text-shadow:1px 2px 2px #000;
	letter-spacing:-1px;
}
#contener .trio .col-a .charte-qualite h3 span {
	font-weight:normal;
	font-size:26px;
}
#contener .trio .col-a .charte-qualite p {
	color:#fff;
	text-align:left;	
	line-height:normal;
}
#contener .trio .col-a .charte-qualite .plus {
	text-align:right;	
}
#contener .trio .col-a .charte-qualite .plus a {
	font-family: 'DinReg';
	font-weight:bold;
	font-size:17px;
	text-shadow:1px 2px 2px #000;
	color:#fff;
	letter-spacing:-1px;
	text-decoration:none;	
}



/** Col-B **/
#contener .trio .col-b {
	float:left;
	width:454px;
	padding:0 27px;
}
#contener .trio .col-b h2 {
	font-size:30px;
	font-family: 'DinReg';
	padding-bottom:20px;
	text-transform:uppercase;
}
#contener .trio .col-b .spacer2 {
	padding-left:30px;	
}
#contener .trio .col-b h3 {
	color:#c23d2b;
	font-weight:bold;
	font-size:12px;
	padding-bottom:10px;	
}
#contener .trio .col-b p.plus {
	text-align:right;	
}



/** Col-C **/
#contener .trio .col-c {
	float:left;
	width:193px;
}
#contener .trio .col-c h2 {
	font-family: 'DinReg';
	font-size:24px;
	padding-bottom:10px;
}
#contener .trio .col-c img {
	padding-bottom:10px;	
}
#contener .trio .col-c h3 {
	font-weight:bold;
	font-size:17px;
	font-family: 'DinReg';	
}

#contener .trio .col-c h3 a {text-decoration:none; color:#4b5c72; font-size:15px;}

#contener .trio .col-c p.date {
	font-size:14px;
	color:#2494dd;	
	font-family: 'DinReg';	
}
#contener .trio .col-c p.plus {
	text-align:right;	
}

.credits, .credits a {font-size:10px; color:#333333;}



/************************ FOOTER ************************/
#footer {
	width:980px;
	margin:0 auto;	
	padding:10px 0;
}


/*:: Les colonnes ::*/
/*******************************************************/
#footer .col {
	float:left;
	width:225px;
	padding:10px;	
}
#footer .col p {
	padding:0;
}
#footer .col h3 {
	font-size:18px;
	font-family: 'DinReg';	
}
#footer .col ul {
	padding:10px 0;	
}
#footer .col ul li {
	background:url(../images/pictos/puce.gif) no-repeat 0 5px;
	padding-bottom:5px;
	padding-left:10px;	
}
#footer .col ul li a {
	color:#4a5b71;
	text-decoration:none;	
}
#footer .col ul li a:hover {
	text-decoration:underline;	
}

/* Talbix */

.yt_logo {
margin-left: 5px;
border-radius: 3px;
overflow: hidden;
}


#navigation li:last-child {
width: 60px;
border-radius: 5px;
overflow: hidden;
}

.faqman-question {
    padding: 10px 18px !important;  border: 1px solid #e4e4e4 !important;
    color: #fff !important; font-size: 16px !important; text-transform: none !important; font-family: Myriad Pro !important; 
    line-height: 12px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    background: #1e5799;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8));  background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);  background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);  background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%);  background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}

.faqman-answer {
height: 0;
overflow: hidden;
position: relative;
display: inline-block;
transition-duration: 1s;
padding: 5px;
border: 1px solid;
width: 97.9%;
margin-top: -1px;
margin-left: 1px;
border-radius: 0 0 5px 5px;
border-top: none;
visibility:hidden;
}

.faqman-answer.active-answer {
	visibility:visible;
	margin-bottom: 13px;
    height: 105px !important;
    transition-duration: 1s;
}

#navigation > ul > li:nth-child(7) {
    width: 80px;
}
#navigation > ul > li:nth-child(6) {
    width: 110px;
}
#navigation > ul > li:nth-child(4) {
    width: 117px;
}
#navigation > ul > li:nth-child(3) {
    width: 110px;
}
#navigation > ul > li.first {
    width: 100px;
}

/* ! Talbix */