@charset "iso-8859-1";

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 1. clear.css 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */

@import "reset.css";

b {font-weight:bold;}

i {font-style:italic;}

ol, ul {list-style:none;margin:0;list-style-image:none;}

blockquote, q {quotes:none;}

table {border-collapse:collapse;border-spacing:0;}

a, span {vertical-align:baseline;}

img img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}

.bold,b,strong {font-weight:bold;}

.strike {text-decoration:line-through;}

.clear {clear:both;}

.small{font-size:85%}

br.clear {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}

.clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";}

.clearblock {height:0;clear:both;overflow:hidden;font-size:0;line-height:0;}

.hidden,.collapsed,.block_hidden_only_for_screen {display:none;}

.wrapper {width:100%; overflow:hidden;}

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 2. general styles 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */

body{margin:0;color:#444;font-size:14px;font-family:Arial,Helvetica,sans-serif;line-height:1.4}

::-moz-selection{background:#a8cc41;color:#fff;text-shadow:none}::selection{background:#a8cc41;color:#fff;text-shadow:none}

a{color:#09c;text-decoration:none;-webkit-transition: .3s all;outline:0}

a:visited{color:#09c}

a:hover{color:#aaa}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}



p {

	font-weight: normal;

	text-rendering: optimizeLegibility;

	/*margin-bottom: 15px;*/

}

h1, h2, h3, h4, h5, h6 {

	text-rendering: optimizeLegibility;

	/*margin: 20px 0;*/

	font-weight: 400;

	color: #000;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

}

h1 {

	font-size: 38px;

}

h2 {

	font-size: 30px;

}

h3 {

	font-size: 24px;

}

h4 {

	font-size: 18px;

}

h5 {

	font-size: 14px;

}

h6 {

	font-size: 12px;

}





/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 3. entete + menus 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */

.container{width:980px;margin:0 auto;position:relative;}

.container.datas{padding:25px 0;}

#header .beforemenus{padding:2px 0;background:#adc73f;-webkit-box-shadow:0px 1px 1px #313131;-moz-box-shadow:0px 1px 1px #313131;-ms-box-shadow:0px 1px 1px #313131;box-shadow:0px 1px 1px #313131;height:10px;}

#header .beforemenus ul{float:right}

#header .beforemenus li{float:left;line-height:1em}

#header .beforemenus li a{height:20px;padding:1px 4px 2px 4px;font-size:10px;line-height:1em;color:#999;background:#313131;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;text-shadow:0px 1px 0px rgba(0,0,0,.3)}

#header .beforemenus li a:hover{color:#9AC221}

#header .beforemenus li a.selected{background:#000;color:#fff}

#header .main-menus{position:relative;z-index:100;background:#000;background-image:linear-gradient(bottom, rgb(0,0,0) 0%, rgb(69,69,69) 2%, rgb(53,53,53) 4%, rgb(34,34,34) 22%, rgb(37,37,37) 50%, rgb(61,61,61) 96%, rgb(67,67,67) 98%, rgb(17,17,17) 100%);background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(69,69,69) 2%, rgb(53,53,53) 4%, rgb(34,34,34) 22%, rgb(37,37,37) 50%, rgb(61,61,61) 96%, rgb(67,67,67) 98%, rgb(17,17,17) 100%);background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(69,69,69) 2%, rgb(53,53,53) 4%, rgb(34,34,34) 22%, rgb(37,37,37) 50%, rgb(61,61,61) 96%, rgb(67,67,67) 98%, rgb(17,17,17) 100%);background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(69,69,69) 2%, rgb(53,53,53) 4%, rgb(34,34,34) 22%, rgb(37,37,37) 50%, rgb(61,61,61) 96%, rgb(67,67,67) 98%, rgb(17,17,17) 100%);background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(69,69,69) 2%, rgb(53,53,53) 4%, rgb(34,34,34) 22%, rgb(37,37,37) 50%, rgb(61,61,61) 96%, rgb(67,67,67) 98%, rgb(17,17,17) 100%);background-image: -webkit-gradient(

linear,

left bottom,

left top,

color-stop(0, rgb(0,0,0)),

color-stop(0.02, rgb(69,69,69)),

color-stop(0.04, rgb(53,53,53)),

color-stop(0.22, rgb(34,34,34)),

color-stop(0.5, rgb(37,37,37)),

color-stop(0.96, rgb(61,61,61)),

color-stop(0.98, rgb(67,67,67)),

color-stop(1, rgb(17,17,17))

);-webkit-box-shadow:0px 2px 6px rgba(0,0,0,.5);-moz-box-shadow:0px 2px 6px rgba(0,0,0,.5);-ms-box-shadow:0px 2px 6px rgba(0,0,0,.5);box-shadow:0px 2px 6px rgba(0,0,0,.5)}

.logo{float:left;margin:10px 0;width:249px;height:63px;display:inline-block;background:url("../images/logo.png") left top no-repeat;}

#header .main-menus ul{float:right}

#header .main-menus li{position:relative;float:left;margin-left:0px;padding:27px 0}

#header .main-menus ul a{display:block;padding:3px 20px;color:#ccc;font-size:14px;font-weight:bold;text-shadow:0px 2px 0px #000;text-shadow:0px 1px 0px #000}



#header .main-menus ul a:hover{color:#9ac221;-webkit-transition: .3s all;-moz-transition: .3s all;-ms-transition: .3s all;transition: .3s all}

#header .main-menus li.parent-selected a, #header .main-menus li.selected a{margin-top: -3px;padding-top:6px;color:#9ac221;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 4px 7px 0 rgba(0,0,0,.9), 0 1px 1px 0 rgba(255,255,255,.3);-moz-box-shadow:inset 0 4px 7px 0 rgba(0,0,0,.9), 0 1px 1px 0 rgba(255,255,255,.3);-ms-box-shadow:inset 0 4px 7px 0 rgba(0,0,0,.9), 0 1px 1px 0 rgba(255,255,255,.3);box-shadow:inset 0 4px 7px 0 rgba(0,0,0,.9), 0 1px 1px 0 rgba(255,255,255,.3)}

#header .main-menus li ul{visibility:hidden;display:none;position:absolute;z-index:100;top:50px;width:180px;padding-top:11px;background:url("/assets/img/backgrounds/arrow-subnav.png");background-position:center top;background-repeat:no-repeat;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 2px 0 rgba(0,0,0,.3);-ie-box-shadow:0 0 2px 0 rgba(0,0,0,.3);box-shadow:0 0 2px 0 rgba(0,0,0,.3);opacity:0;-webkit-transition: .2s all;-moz-transition: .2s all;-ms-transition: .2s all;transition: .2s all}

#header .main-menus li li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;clear:both;width:100%;margin:0;background:rgba(255,255,255,.95);padding:0px}

#header .main-menus li li:first-child{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}

#header .main-menus li li:last-child{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}

#header .main-menus li li a, #header .main-menus li.parent-selected li a, #header .main-menus li li:last-child a{margin:0 auto;padding:10px 15px;background:none;color:#414246;font-size:13px;text-shadow:0px 1px 0px #fff;border-top:1px solid rgba(0,0,0,.1);border-right:none;border-bottom:1px solid rgba(255,255,255,.1);border-left:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;box-shadow:none}

#header .main-menus li li a:hover, #header .main-menus li li:last-child a:hover{background:none;color:#9AC221}#header .main-menus li:hover ul{opacity:1;visibility:visible;display:block;z-index:9999}

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 Social Buttons 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */

ul#social {position:absolute;right:0px;top:0px;width: 162px;padding: 0;z-index:999;}

ul#social li a {width:54px;height:45px;float:left;background-image: url('../images/social-media.png');background-repeat: no-repeat;}

ul#social li span {display:none;}

ul#social li.twitter a {background-position:0 0;}

ul#social li.facebook a {background-position:-54px 0;}

ul#social li.google-plus a {background-position:-108px 0;}

ul#social li a:link, ul#social li a:visited, ul#social li a:hover, ul#social li a:active {display: block;height: 45px;width: 54px;}

ul#social li.twitter a:hover { background-position: 0 -45px; }

ul#social li.facebook a:hover { background-position: -54px -45px; }

ul#social li.google-plus a:hover { background-position: -108px -45px; }

/* 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 4. Home Page 覧覧覧覧覧覧覧覧覧覧覧覧覧覧覧 */

/* 4.1 Animation Accueil) */

.slider {

	width:100%;

	height:500px;

	position:relative;

}

.header_img {background:url("../images/header-ajax-loader-blue.gif") center center no-repeat #033153;}

#header_images {

	width:960px;

	height:0;

	overflow:hidden;

	margin:0 auto;

	position:absolute;

	left:50%;

	margin-left:-480px}



.header_image {

	margin:0 auto;

	opacity:0;

	position:absolute;

	

}



.header_image > div{position:relative;width:960px;height:468px;overflow:hidden;}

.header_image > div .infos{position:absolute;width:450px;height:250px;top:100px;padding:25px 0;}

.header_image > div .infos.l{left:20px;}

.header_image > div .infos.r{right:20px;}

.header_image > div .infos h2{font-size:37px;line-height:35px;font-weight:normal;color:#fff;padding-bottom:15px;}

.header_image > div .infos h2 span.violet{color:#9e6edc;}

.header_image > div .infos p{font-size:17px;line-height:22px;color:#f0f0f0;}

.header_image > div .infos p span.noir{color:#000;}

#aside2 {

	height:400px;

	width:100%;

}



#header_controls_left, #header_controls_right {

	position:absolute;

	top:0;

	z-index:99;

	cursor:pointer;

	display:block;

	width:20px;

	height:468px;

	background:url(../images/slider/slider_arrows.png) 0 210px no-repeat;

	text-indent:-9999px;

	border:0;}



#header_controls_right {

	background:url(../images/slider/slider_arrows.png) -20px 210px no-repeat;

	right:0;}



#overlay_bg {

	width:900px;

	top:0;

	left:30px;

	height:0;

	position:absolute;

	opacity:.4;

	cursor:pointer}

/*----------------------------------------------*/

/* Ent黎e Page Ordinaire*/

/*----------------------------------------------*/	

.header_img2{

  height:225px;border-bottom:9px solid #e8e9e9;

  background: #054065;

  background: -moz-linear-gradient(left,  #054065 0%, #104465 27%, #3e98d1 50%, #104465 71%, #054065 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#054065), color-stop(27%,#104465), color-stop(50%,#3e98d1), color-stop(71%,#104465), color-stop(100%,#054065));

  background: -webkit-linear-gradient(left,  #054065 0%,#104465 27%,#3e98d1 50%,#104465 71%,#054065 100%);

  background: -o-linear-gradient(left,  #054065 0%,#104465 27%,#3e98d1 50%,#104465 71%,#054065 100%);

  background: -ms-linear-gradient(left,  #054065 0%,#104465 27%,#3e98d1 50%,#104465 71%,#054065 100%);

  background: linear-gradient(to right,  #054065 0%,#104465 27%,#3e98d1 50%,#104465 71%,#054065 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#054065', endColorstr='#054065',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #054065;

	-webkit-box-shadow: inset 0 0 150px 0px #054065;

	box-shadow: inset 0 0 150px 0px #054065;

	min-width: 960px;

}

.header_img2 .compo{float:left;margin-right:70px;margin-top:8px;}

.header_img2 .container > div{height:175px;display:inline-block;float:left;padding:25px 0;width:500px;}

.header_img2 .container > div.bg_equipe{width:100%;background:url(../images/notre-equipe.png) 0 4px no-repeat;}

.header_img2 .container > div.bg_equipe .content_bg_equipe{float:left;margin-left:555px;padding-top:25px}

.header_img2 .container > div h2{font-size:35px;line-height:33px;font-weight:normal;padding:0 0 15px 0;color:#fff;/*letter-spacing:-1px;*/}

.header_img2 .container > div p{font-size:18px;color:#fff;line-height:22px;padding:0;margin:0;display:inline-block;}

.header_img2.rose{

  background: #3f0731;

  background: -moz-linear-gradient(left,  #3f0731 0%, #3f0d32 27%, #800862 50%, #3f0d32 71%, #3f0731 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3f0731), color-stop(27%,#3f0d32), color-stop(50%,#800862), color-stop(71%,#3f0d32), color-stop(100%,#3f0731));

  background: -webkit-linear-gradient(left,  #3f0731 0%,#3f0d32 27%,#800862 50%,#3f0d32 71%,#3f0731 100%);

  background: -o-linear-gradient(left,  #3f0731 0%,#3f0d32 27%,#800862 50%,#3f0d32 71%,#3f0731 100%);

  background: -ms-linear-gradient(left,  #3f0731 0%,#3f0d32 27%,#800862 50%,#3f0d32 71%,#3f0731 100%);

  background: linear-gradient(to right,  #3f0731 0%,#3f0d32 27%,#800862 50%,#3f0d32 71%,#3f0731 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f0731', endColorstr='#3f0731',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #3f0731;

	-webkit-box-shadow: inset 0 0 150px 0px #3f0731;

	box-shadow: inset 0 0 150px 0px #3f0731;

	min-width: 960px;

}

.header_img2.vert{

  background: #447727;

  background: -moz-linear-gradient(left,  #447727 0%, #4c7734 27%, #6daa4a 50%, #4c7734 71%, #447727 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#447727), color-stop(27%,#4c7734), color-stop(50%,#6daa4a), color-stop(71%,#4c7734), color-stop(100%,#447727));

  background: -webkit-linear-gradient(left,  #447727 0%,#4c7734 27%,#6daa4a 50%,#4c7734 71%,#447727 100%);

  background: -o-linear-gradient(left,  #447727 0%,#4c7734 27%,#6daa4a 50%,#4c7734 71%,#447727 100%);

  background: -ms-linear-gradient(left,  #447727 0%,#4c7734 27%,#6daa4a 50%,#4c7734 71%,#447727 100%);

  background: linear-gradient(to right,  #447727 0%,#4c7734 27%,#6daa4a 50%,#4c7734 71%,#447727 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#447727', endColorstr='#447727',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #447727;

	-webkit-box-shadow: inset 0 0 150px 0px #447727;

	box-shadow: inset 0 0 150px 0px #447727;

	min-width: 960px;

}

.header_img2.bleu2{

  background: #60bbc9;

  background: -moz-linear-gradient(left,  #60bbc9 0%, #72bdc9 27%, #88e4f2 50%, #72bdc9 71%, #60bbc9 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#60bbc9), color-stop(27%,#72bdc9), color-stop(50%,#88e4f2), color-stop(71%,#72bdc9), color-stop(100%,#60bbc9));

  background: -webkit-linear-gradient(left,  #60bbc9 0%,#72bdc9 27%,#88e4f2 50%,#72bdc9 71%,#60bbc9 100%);

  background: -o-linear-gradient(left,  #60bbc9 0%,#72bdc9 27%,#88e4f2 50%,#72bdc9 71%,#60bbc9 100%);

  background: -ms-linear-gradient(left,  #60bbc9 0%,#72bdc9 27%,#88e4f2 50%,#72bdc9 71%,#60bbc9 100%);

  background: linear-gradient(to right,  #60bbc9 0%,#72bdc9 27%,#88e4f2 50%,#72bdc9 71%,#60bbc9 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60bbc9', endColorstr='#60bbc9',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #60bbc9;

	-webkit-box-shadow: inset 0 0 150px 0px #60bbc9;

	box-shadow: inset 0 0 150px 0px #60bbc9;

	min-width: 960px;

}

.header_img2.rouge{

  background: #440103;

  background: -moz-linear-gradient(left,  #440103 0%, #46090a 27%, #971519 50%, #46090a 71%, #440103 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#440103), color-stop(27%,#46090a), color-stop(50%,#971519), color-stop(71%,#46090a), color-stop(100%,#440103));

  background: -webkit-linear-gradient(left,  #440103 0%,#46090a 27%,#971519 50%,#46090a 71%,#440103 100%);

  background: -o-linear-gradient(left,  #440103 0%,#46090a 27%,#971519 50%,#46090a 71%,#440103 100%);

  background: -ms-linear-gradient(left,  #440103 0%,#46090a 27%,#971519 50%,#46090a 71%,#440103 100%);

  background: linear-gradient(to right,  #440103 0%,#46090a 27%,#971519 50%,#46090a 71%,#440103 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#440103', endColorstr='#440103',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #440103;

	-webkit-box-shadow: inset 0 0 150px 0px #440103;

	box-shadow: inset 0 0 150px 0px #440103;

	min-width: 960px;

}

.header_img2.or{

  background: #894111;

  background: -moz-linear-gradient(left,  #894111 0%, #d9a037 27%, #ffe667 50%, #d9a037 71%, #894111 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#894111), color-stop(27%,#d9a037), color-stop(50%,#ffe667), color-stop(71%,#d9a037), color-stop(100%,#894111));

  background: -webkit-linear-gradient(left,  #894111 0%,#d9a037 27%,#ffe667 50%,#d9a037 71%,#894111 100%);

  background: -o-linear-gradient(left,  #894111 0%,#d9a037 27%,#ffe667 50%,#d9a037 71%,#894111 100%);

  background: -ms-linear-gradient(left,  #894111 0%,#d9a037 27%,#ffe667 50%,#d9a037 71%,#894111 100%);

  background: linear-gradient(to right,  #894111 0%,#d9a037 27%,#ffe667 50%,#d9a037 71%,#894111 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#894111', endColorstr='#894111',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #894111;

	-webkit-box-shadow: inset 0 0 150px 0px #894111;

	box-shadow: inset 0 0 150px 0px #894111;

	min-width: 960px;

}

.header_img2.noir{

  background: #17191e;

  background: -moz-linear-gradient(left,  #17191e 0%, #2d313c 27%, #3e4454 50%, #2d313c 71%, #17191e 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#17191e), color-stop(27%,#2d313c), color-stop(50%,#3e4454), color-stop(71%,#2d313c), color-stop(100%,#17191e));

  background: -webkit-linear-gradient(left,  #17191e 0%,#2d313c 27%,#3e4454 50%,#2d313c 71%,#17191e 100%);

  background: -o-linear-gradient(left,  #17191e 0%,#2d313c 27%,#3e4454 50%,#2d313c 71%,#17191e 100%);

  background: -ms-linear-gradient(left,  #17191e 0%,#2d313c 27%,#3e4454 50%,#2d313c 71%,#17191e 100%);

  background: linear-gradient(to right,  #17191e 0%,#2d313c 27%,#3e4454 50%,#2d313c 71%,#17191e 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17191e', endColorstr='#17191e',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #17191e;

	-webkit-box-shadow: inset 0 0 150px 0px #17191e;

	box-shadow: inset 0 0 150px 0px #17191e;

	min-width: 960px;

}

.header_img2.violet{

  background: #290655;

  background: -moz-linear-gradient(left,  #290655 0%, #2e0e55 27%, #7440b4 50%, #2e0e55 71%, #290655 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#290655), color-stop(27%,#2e0e55), color-stop(50%,#7440b4), color-stop(71%,#2e0e55), color-stop(100%,#290655));

  background: -webkit-linear-gradient(left,  #290655 0%,#2e0e55 27%,#7440b4 50%,#2e0e55 71%,#290655 100%);

  background: -o-linear-gradient(left,  #290655 0%,#2e0e55 27%,#7440b4 50%,#2e0e55 71%,#290655 100%);

  background: -ms-linear-gradient(left,  #290655 0%,#2e0e55 27%,#7440b4 50%,#2e0e55 71%,#290655 100%);

  background: linear-gradient(to right,  #290655 0%,#2e0e55 27%,#7440b4 50%,#2e0e55 71%,#290655 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#290655', endColorstr='#290655',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #290655;

	-webkit-box-shadow: inset 0 0 150px 0px #290655;

	box-shadow: inset 0 0 150px 0px #290655;

	min-width: 960px;

}



.header_img2.orange{

  background: #a94603;

  background: -moz-linear-gradient(left,  #a94603 0%, #a94f13 27%, #f98520 50%, #a94f13 71%, #a94603 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a94603), color-stop(27%,#a94f13), color-stop(50%,#f98520), color-stop(71%,#a94f13), color-stop(100%,#a94603));

  background: -webkit-linear-gradient(left,  #a94603 0%,#a94f13 27%,#f98520 50%,#a94f13 71%,#a94603 100%);

  background: -o-linear-gradient(left,  #a94603 0%,#a94f13 27%,#f98520 50%,#a94f13 71%,#a94603 100%);

  background: -ms-linear-gradient(left,  #a94603 0%,#a94f13 27%,#f98520 50%,#a94f13 71%,#a94603 100%);

  background: linear-gradient(to right,  #a94603 0%,#a94f13 27%,#f98520 50%,#a94f13 71%,#a94603 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a94603', endColorstr='#a94603',GradientType=1 );

	-moz-box-shadow: inset 0 0 150px 0px #a94603;

	-webkit-box-shadow: inset 0 0 150px 0px #a94603;

	box-shadow: inset 0 0 150px 0px #a94603;

	min-width: 960px;

}



/*----------------------------------------------*/

/* 4.2 Bar de Bienvenue */

/*----------------------------------------------*/

.welcome_bar {

	background:url(../images/title_bar_bg.gif) 0 0 repeat-x;

	clear:both;

	margin-bottom:0px;

	position:relative;

	z-index:10;

}

	

	

.bar {

	background:url(../images/title_bar_shadow.gif) 0 106px no-repeat;

	height:88px;

	padding:21px 0 0 0;

	position:relative;

	z-index:8}



.bar-icon {

	width:80px;

	height:88px;

	float:left;}



.bar-title {

	float:left;

	font-family: "HattoriHanzoLight", Calibri, sans-serif;

	width:620px;

	position:relative;

	z-index:1}



.bar-title h1, .bar-title .title {

	font-size:33px;

	color:#444e69;

	text-shadow:0px 1px 1px #f2f2f2;

	line-height:33px;

	margin:0 0 4px 0;

	display:block}



.bar-title h1 span, .bar-title .title span {

	color:#2e88c7}



.sub-text {

	color:#6a7184;

	font-size:16px}



.bar-right {

	width:256px;

	float:left

}

/* 4.2.2 Buttons */

/*----------------------------------------------*/



.button_link, .sidebar .button_link, .fancy_button, .gl_col_1 .gallery-more a{

	background:url(../images/buttons_bg.png) no-repeat scroll right -41px transparent;

	color:#2f3850;

	text-shadow:#f2f2f2 0 1px 1px; 

	display:inline-block;

	margin:5px 0;

	border:0 none;

	padding:0 30px 0 0;

	font-family: "HattoriHanzoLight", Calibri, sans-serif;

	font-size:18px;}



.button_link span, .fancy_button span, .gl_col_1 .gallery-more a span{background:url(../images/buttons_bg.png) no-repeat scroll left 0 transparent;display:block;line-height:20px;}

.button_link:hover, .gl_col_1 .gallery-more a:hover {color:#2e88c7}

/*.button_link:active, .gl_col_1 .gallery-more a:active {background-position:right -123px;color:#444e69}

.button_link:active span, .gl_col_1 .gallery-more a:active span {background-position:left -82px;}*/

.button_link span, .fancy_button span, .gl_col_1 .gallery-more a span,

/*.button_link:active span, .gl_col_1 .gallery-more a:active span {padding:5px 0px 16px 30px;}	*/

.button_link.large_button{background:url(../images/buttons_large_bg.png) no-repeat scroll right -52px transparent;}

.button_link.large_button span{background:url(../images/buttons_large_bg.png) no-repeat scroll left 0px transparent;line-height:18px;}

/*.button_link.large_button:active {background-position:right -156px;color:#444e69}

.button_link.large_button:active span {background-position:left -104px;}	*/

.button_link.large_button span/*,.button_link.large_button:active span */{padding:13px 0px 21px 30px;}



/* 4.3 Home 3 Blocs */

/*----------------------------------------------*/

.blocs4{/*border-top:1px solid #d6d6d6;padding-top:15px;*/}

.blocs4 > ul > li{

  width:230px;

  height:128px;

  float:left;

  padding-right:20px;

  position:relative;

}

.blocs4 > ul > li img{float:right;margin-left:10px;}

.blocs4 > ul > li.last{padding-right:0px;}

.blocs4 > ul > li h3{

	color: #000;

	font-size:19px;

	font-weight:normal;

	padding-bottom:6px;

	line-height:20px;

	letter-spacing:-1px;

}

.blocs4 > ul > li span{color:#d30594;}

.blocs4 > ul > li p{color: #686868;font-size:11px;}



/* Client Logo List

====================================*/

.client-list{margin-top:30px;}

.client-list li {border: 1px solid #e5e5e5;float: left;margin: -1px 0 0 -1px;}

.client-list img {width: 148px;height: auto;}



/* ----------------------------------------footer -------------------------------------------------------- */

.footer{

 min-height: 90px;

 background: url(../images/footer_bg.jpg) #ffffff repeat-x;

 margin-top: 39px;

 }

 

.footer_content{height: 66px;margin: 0 auto;padding: 19px 0px 0 0px;}

.footer_left{float: left;padding-left:36px;}

.footer_right{float: right;padding-right:36px;}

.footer p, .footer a{font-size: 10px;text-transform: uppercase;color: #7a7a7a;}

.footer p, .footer a{}

.footer a:hover{color: #949494;}

.footer p b{font-size:11px;}



/* ============================================= */

/* ======================== Overlay ===================== */

/* ============================================= */



.image-overlay {

	position: relative;

}

.overlay-icon {

	position: absolute;

	top: 0;

	width: 100%;

	background-color: #444;

	height: 100%;

	left: 0;

}

.item-zoom {

	background: url(../images/item-zoom.png) no-repeat center center #444;

}

.item-movie {

	background: url(../images/item-movie.png) no-repeat center center #444;

}

.item-image {

	background: url(../images/item-image.png) no-repeat center center #444;

}

.item-link {

	background: url(../images/item-link.png) no-repeat center center #444;

}

.item-plus {

	background: url(../images/item-plus.png) no-repeat center center #444;

}

.item-info {

	background: url(../images/item-info.png) no-repeat center center #444;

}





.hover-links {

	width: 90%;

	margin: 0 auto;

	position: absolute;

	bottom: 0;

}

.hover-links a.view-item {

	background: url(../images/work-overlay-icons.png) no-repeat;

	padding: 20px 20px 2px;

}

.hover-links a.view-image {

	background: url(../images/work-overlay-icons.png) -40px 0 no-repeat;

	padding: 20px 20px 2px;

}

.hover-links a.view-item:hover {

	background-color: #444;

}

.hover-links a.view-image:hover {

	background-color: #444;

}





.WebP-item > li{float:left;position:relative;z-index:1;display:inline-block;moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);border: 1px solid #d1d0d0;position:relative;padding:9px;}

.WebP-item > li:hover{z-index:5 !important}

.WebP-item > li > .mask{position:absolute;top:9px;left:-9999px;}

.WebP-item > li > .mask > div{position:relative;}

.WebP-item > li > .mask > div .bg{position:absolute;top:0px;left:0px;background:#779303;/*opacity : 0.8;filter : alpha(opacity=80);*/ z-index:1;}

.WebP-item > li > .mask a{position:absolute;left:0;top:0;z-index:10;background:url(../images/item-link.png) 50% 30% no-repeat;display:block;}

.WebP-item > li > .mask > div strong{display:block;position:absolute;bottom:9px;left:0;color:#fff;font:34px/35px Arial, Helvetica, sans-serif;padding:0 15px 0 15px;z-index:5;}

.WebP-item > li > .mask strong em{display:block;padding:7px 0 0;font:14px/16px Arial, Helvetica, sans-serif}

/* Portfolio Item */

#portfolio .WebP-item{margin-top:30px;}

/*#portfolio h1{color:#92036f;}*/

#portfolio .WebP-item > li{width:288px;height:252px;margin-right:27px;margin-bottom:25px;background:url(../images/loading_orange.gif) center center no-repeat;}

#portfolio .WebP-item > li.nomargin{margin-left:2px;margin-right:0px;}

#portfolio .WebP-item > li > .mask > div,#portfolio .WebP-item > li > img{width:288px;height:252px;}

#portfolio .WebP-item > li .bg{width:288px;height:252px;background:#77085a;}

#portfolio .WebP-item > li > .mask a{width:288px;height:252px;}



/* Notre-equipe Item */

#notre-equipe .WebP-item{margin-top:30px;}

/*#notre-equipe h1{color:#92036f;}*/

#notre-equipe .WebP-item > li{width:204px;height:204px;margin-right:27px;margin-bottom:25px;background:url(../images/loading_orange.gif) center center no-repeat;}

#notre-equipe .WebP-item > li.nomargin{margin-left:2px;margin-right:0px;}

#notre-equipe .WebP-item > li > .mask > div,#notre-equipe .WebP-item > li > img{width:204px;height:204px;}

#notre-equipe .WebP-item > li .bg{width:204px;height:204px;background:#440103;}

#notre-equipe .WebP-item > li > .mask strong{line-height:32px}

#notre-equipe .WebP-item > li > .mask a{width:204px;height:220px;}



/**** Nos Services  ****/

.blocs2{margin-top:30px} 

.blocs2 > ul{margin-bottom:20px;}

.blocs2 > ul > li{width:440px;float:left;position:relative;margin-right:20px;margin-bottom:10px;padding:20px;box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2)}  

.blocs2 > ul > li.last{margin-right:0px;}

.blocs2 > ul > li img{float:left;margin-right:10px;padding-top:10px}

.blocs2 > ul > li h3{color: #000;font-size:19px;font-weight:normal;padding-bottom:6px;line-height:20px;}

.blocs2 > ul > li span{color:#ff0000;}

.blocs2 > ul > li p{color: #515151;}

/* ---------------------------------------------------------------- Contacts  -------------------------------------------------------------------- */

#nos-contacts .blocs2 > ul > li{width:540px;float:left;position:relative;margin-right:60px;margin-bottom:10px;padding:20px;box-shadow:0 0 15px rgba(0,0,0,.2);-moz-box-shadow:0 0 15px rgba(0,0,0,.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,.2)}  

#nos-contacts .blocs2 > ul > li.last{padding-top:30px;margin-right:0px;width:300px;height:680px;box-shadow:0 0 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 0 rgba(0,0,0,.2);-webkit-box-shadow:0 0 0 rgba(0,0,0,.2); background:#f9f7f7 url(../images/statics/img_contact.jpg) center bottom no-repeat;}

#nos-contacts .blocs2 > ul > li img{float:left;margin-right:10px;padding-top:10px}

#nos-contacts .blocs2 > ul > li h3{color: #000;font-size:20px;font-weight:normal;padding-bottom:6px;line-height:20px;margin-bottom:10px}

#nos-contacts .blocs2 > ul > li span{color:#ff0000;}

#nos-contacts .blocs2 > ul > li .ligne{margin-bottom:10px;padding:5px 0;color: #686868;}  

#nos-contacts .blocs2 > ul > li input[type="text"], #nos-contacts .blocs2 > ul > li textarea {padding:10px;border:1px solid #BFBDBD;}

#nos-contacts .blocs2 > ul > li input[type="text"]:focus, #nos-contacts .blocs2 > ul > li textarea:focus{border-color:#949191} 

#nos-contacts .blocs2 > ul > li .ligne label{padding-top:3px;width:150px;display:block;font-family:arial;padding-left:12px;float:left;font-weight:bold;}	 

#nos-contacts .blocs2 > ul > li .ligne label.long{width:auto;float:none;}

#nos-contacts .blocs2 > ul > li .ligne label.requiredfield{background: url(../images/bg_required.png) no-repeat 0 9px;}	 

.cadre_formulaire_contact{padding:15px;border:1px solid #ccc;/*margin-top:20px;*/}

.input_360{width:360px}.height_100{height:150px;}.input_520{width:450px}	 

.form_buttons{padding:5px 0px;text-align:right;margin-top:10px;}

.lscc{background: url(../images/bg_bout.jpg) left top repeat-x;border-width:1px;font:14px arial,sans-serif;font-weight:bold;color:#444;cursor:pointer;text-align:center;padding:0 15px;height:40px;margin:0 8px;outline:none;border-color:#ccc;

  border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

}

.lscc:hover{background-color:#f6f6f6;color:#E30516}	

  

.contact li {line-height:20px;list-style-type: disc;margin-left: 15px;margin-bottom:5px}

.contact li b{color:#666;} 

.sep_contact{background: url(../images/trait_sep_h.gif) left 5px repeat-x;height:10px;margin-bottom:10px}  

#nos-contacts .blocs2 > ul > li .ligne span.gris{color:#333;}