@charset "utf-8";
/*.wrapper { background:url(../img/om990.png) no-repeat center 130px;}*/
.wrapper { background:url(../img/1pxxg3.gif) repeat-x center 130px;}
.sep {background:url(../img/1pxxg3.gif) repeat-x center top; height:3px;}
.sepb {background:url(../img/1pxxb.gif) repeat-x center top; height:3px;}

body {height:100%; text-align: justify}
.wrapper {
	width:      100%;
	max-width:  960px;
	margin:     0 auto;
	
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	
	color:      #58585a;
	position: relative; 
	min-height: 99%;
	/*padding: 0 15px 0 15px;*/
}
.top {
	margin-top: 30px;
	margin-bottom: 30px;
	
}
.top, .slider {font-family: Bitter, serif;
	font-weight:400;}

/*cast*/
.cerule {color:#008795;}
.marine {color:#00627b;}
.jaune  {color:#fdc300;}
.sapin  {color:#4e8238;}

/*commun*/
.herbe, .vert  {color:#c7c400;}
.gris   {color:#58585a;}
.grisclair {color:#aeaeb2;}
.blanc {color:#fff;}

/*rise*/
.orange {color:#ee7f00;}
.terre  {color:#9f391c;}
.sang   {color:#d4021d;}
.prune  {color:#9b0655;}



/*cast*/
.bgcerule {background-color:#008795;}
.bgmarine {background-color:#00627b;}
.bgjaune  {background-color:#fdc300;}
.bgsapin  {background-color:#4e8238;}

/*commun*/
.bgherbe, .bgvert  {background-color:#c7c400;}
.bggris   {background-color:#58585a;}
.bggrisclair {background-color:#aeaeb2;}
.bggrisclair {background-color:#fff;}

/*rise*/
.bgorange {background-color:#ee7f00;}
.bgterre  {background-color:#9f391c;}
.bgsang   {background-color:#d4021d;}
.bgprune  {background-color:#9b0655;}

.al {text-align:left}
.ar {text-align:right}

.cache {display:none}

.flotted {float:right}
.flotteg {float:left}

.raz {padding:0; margin: 0; /*margin: 0 0 20px 0;*/
}

.top h2 a {
	display:block;
	width:120px;
	height:100px;
	background-image: url(../img/cast-100.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.slider {height:300px; background-color:#c7c400}
header {position:relative;}
nav {
	position: absolute;
	height: 100px;
	right: 0;
	top: 0;
	width: 70%;
}

nav a {text-decoration:none; 
font-weight:400}
.menu a {color:#58585a}

nav .menu ul, nav .sous-menu ul {list-style-type: none;}
nav .menu li, nav .sous-menu li {
	list-style-type: none;
	float:left;	
}
nav .menu li {
	margin-right:5px;
	padding-right:8px;
	background:url(../img/dot.png) no-repeat right center;
}
nav .sous-menu li {	
	margin-right:3px;
	padding-right:5px;
	background:url(../img/dot2.png) no-repeat right center;
}
nav .menu li.lastnav, nav .sous-menu li.lastnav {
	list-style-type: none;
	float:left;
	
	margin-right:0;
	padding-right:0;
	background:none;
}


.sous-menu a {color:#aeaeb2}
.menu a:hover, a.inv:hover, a.inv2:hover {background-color:#58585a; color:#fff;}
.sous-menu a:hover {background-color:#aeaeb2; color:#fff;}

.social {
	position: absolute;
	bottom: 60px;
	right: 0;
	overflow:visible;
	z-index:999;
	line-height:25px;
	margin:0; padding:0;
	}
.menu {
	position: absolute;
	bottom: -4px;
	right: -3px;
	font-size:17px;
	padding-left:15px;
}
.sous-menu {position:absolute; bottom:-6px; right:-3px; font-size:16px;}
.menu a, .sous-menu a {padding:3px; line-height: 25px;}
.social img {}
.social a { display:block; float:left;  background-color:#aeaeb2; height:25px; width:25px; margin:0 0 0 5px; padding:0;}
.social a:hover, .menu a:hover, .sous-menu a:hover, a.inv:hover, a.inv2:hover, a.inv2.hover { 
                       -webkit-transition: background-color 500ms linear;
                       -moz-transition: background-color 500ms linear;
                       -o-transition: background-color 500ms linear;
                       -ms-transition: background-color 500ms linear;
                       transition: background-color 500ms linear; 
					   
					   -webkit-transition: color 300ms linear;
                       -moz-transition: color 300ms linear;
                       -o-transition: color 300ms linear;
                       -ms-transition: color 300ms linear;
                       transition: color 300ms linear;
					   
					   }
.social a.linkedin:hover {background-color: #00627b;}
.social a.facebook:hover {background-color: #00627b;}
.social a.twitter:hover {background-color: #008795;}
.social a.youtube:hover {background-color: #ee7f00;}
.social a.googleplus:hover {background-color: #d4021d;}
.social a.email:hover {background-color: #58585a;}

/* couleur de fond à une sélection de texte */
::selection {
background:#c7c400;
color:#fff;
}
::-moz-selection {
background:#c7c400;
color:#fff;
}
::-webkit-selection {
background:#c7c400;
color:#fff;
}
.fslider {position:relative}
.slover { background-image: url(../img/flb2.png);
background-repeat: no-repeat;
background-position: right bottom;
position: absolute;
top: 380px;
left: 850px;
height: 52px;
width: 56px;
z-index: 9999999;
}

}
.prefooter {background-image: url(../img/flg2.png);
background-repeat: no-repeat;
background-position: 848px bottom;

height: 52px;
width: 100%;}
.slider div {position:relative}
.slider div img, .slider div div, .slider div p {position:absolute}
.slider , .slider div p {
	
	
	
	color: #fff;
	font-size: 32px;
	line-height: 36px
}

.slider div p em{
	font-size: 46px;
	font-weight: 700;
	font-style: normal;
	line-height: 48px
}
.intro, .intro h1, .intro h2 {background-repeat:no-repeat; background-position: left top;}
.intro h1 a, .intro h2 a {background-repeat:no-repeat; background-position: 180px 75px;}

.fleche_blanche {
	background-image:url(../img/fleche_blanche.png)}
.fleche_verte {
	background-image:url(../img/fleche_verte.png)}
.fleche_rouge {
	background-image:url(../img/fleche_rouge.png)}

.communication {background-image:url(../img/communication.png)}
.print {background-image:url(../img/print.png)}
.web {background-image:url(../img/web.png)}
.titrehome a, .introhome a {
	text-decoration:none;
	font-style:normal;
}

.titrehome a {
	font-size:17px;
	font-weight:400;
	font-family: Bitter, serif;
	font-weight:400;
	display:block;
	padding:15px;
	width:100%;
	height:100px;
	margin-bottom:20px;
	color:#FFF;
}

.introhome, introhome a, introhome p  {
	font-size:15px;
	font-weight:300;
	color:#58585a;
}
.introhome p, .main article p {
	
	margin-bottom:0.5em;
}

.main article p.mgd {
	
	margin-bottom:18px;
}
article.introhome {margin-bottom:16px;}
form#contact input[type="text"], form#contact textarea {
	background-image:url(../img/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #58585a;
	width: 98%;
	color:#58585a;
	padding:4% 2% 4% 2%;
	margin: 2px 0 9px 0;
	
	font-family: Bitter, serif;
	font-weight:400;
}
form#contact textarea {height:64px}
.mdroite {margin-right:1%;}
.pdroite {padding-right:20px;}

.footer {
clear:both;
	background-color:#58585a;
	padding:20px; 
	margin: 40px 0 0 0;
	min-height:400px;}
	.footer a {color:#fff; text-decoration:none}
	.footer a:hover {color:#fff; text-decoration:underline}
.footerint {}

.surimp {text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.9);;}
.adroite, .dernier {padding-right:0}
.mdr {margin-right:0}
.clair { margin-left:0}
p {font-size:14px; line-height:18px; font-weight:normal;}
.pair {min-height:1px}
.main  {
	padding-top:30px}
.decg {margin-left:15px;}
.decd {margin-right:15px;}
.bdecg {margin-left:30px;}
.bdecd {margin-right:30px;}
.lienover {width:960px; height:300px; margin:0; padding:0; position: absolute; z-index:999; top:0; left:0}
h3, footer h3 {
	font-weight: 400;
	font-size: 17px;
	font-family: Bitter, serif;
	margin-bottom:1em;
	color:#fff;
}
footer  {font-size: 15px; font-family: 'Open Sans', sans-serif; color:#aeaeb2}
input.ff, textarea.ff {padding:5px; background-image:url(../img/flg2.png);
	background-repeat:no-repeat;
	
	border:0;
	width: 100%;
	color:#58585a;
	
	margin: 4px 0 9px 0;
	
	
	font-family: 'Open Sans', sans-serif;
	font-weight:400;}
input.ff {height:45px;/* background-position: 90% 15px;*/  background-position: 90% -6000px;}
textarea.ff {height:105px; background-position: 90% 80px;}
footer p {margin-bottom:0.5em;}
footer  img.ff {cursor:pointer; }
footer .bit-1 {padding: 0 10px 0 10px;}
footer .bit-2 {padding: 0 10px 0 10px;}
.pdt {margin-top:12px;}
.ho:hover  { background-color:#c7c400; }

.main a {text-decoration:none; /*font-weight:700*/}
.main a:hover {text-decoration:underline;/*font-weight:700*/}
.main .al a:hover {text-decoration:none;/*font-weight:700*/}
.main li a {text-decoration:none; /*font-weight:700*/}
.main li a:hover {text-decoration:underline; }
.main h1 a:hover, .main h2 a:hover, .main h3 a:hover {text-decoration:none}
.main p.introhome {padding-left:3px; padding-right:3px}
p.introhome a.inv, a.inv3 { padding: 3px;  font-family: 'Bitter', serif;  margin-top:5px;}
p.introhome a.inv {font-size:17px; line-height:23px;}
a.inv3 {}
a.inv img {margin-right:5px;}
a.inv:hover img {background-color:#333333}
.mgu {margin-top:16px;}
.mgd {margin-bottom:18px;}
.main  header h1 {/*titre principal contenu*/
	font-family: Bitter, serif;
	font-size: 38px;
	margin-bottom:5px;
	font-weight: 400;
	margin-top: -10px;
}

 
.main article  h2, .main aside  h3, .main article header p { /*sous-titre*/
	font-family: 'OpenSans', sans-serif;
	font-size: 24px;
	margin-bottom:12px;
	font-style:normal;
	font-weight:400;
	
	
}
.main aside  h3 {color: #58585a;}
.main article  h2 { /*sous-titre*/

	/*margin-top:30px;*/
	
}
.main  article header p { /*sous-titre*/
	
margin-top: 0px;
margin-bottom: 15px;;
line-height: 24px;
	
}


article a.inv { padding: 3px; font-size:17px; font-family: 'Bitter', serif; line-height:23px; margin-top:5px;}
article a.inv2 { padding: 3px; margin-top: 0px; margin-bottom: 15px; font-size:17px;
line-height: 24px; font-family:'OpenSans', sans-serif; font-size:24px; }


.main img {max-width: 100%; height: auto; }
.main .portfolio-wrapper img {margin-bottom: -4px;}


ul.cerule, ul.marine, ul.jaune, ul.sapin, ul.herbe, ul.vert, ul.gris, ul.grisclair, ul.blanc, ul.orange, ul.terre, ul.sang, ul.prune {color:#58585a; }

.cerule li{background-image:url(../img/pc.png)}
.marine li{background-image:url(../img/pm.png)}
.jaune  li{background-image:url(../img/pj.png)}
.sapin  li{background-image:url(../img/ps.png)}

/*commun*/
.herbe li, .vert  li{background-image:url(../img/pv.png)}
.gris li  {background-image:url(../img/pg.png)}
.grisclair  li{background-image:url(../img/pgc.png)}
.blanc li {background-image: none}

/*rise*/
.orange li {background-image:url(../img/po.png);}
.terre li  {background-image:url(../img/pbr.png)}
.sang  li {background-image:url(../img/pr.png)}
.prune li {background-image:url(../img/pf.png)}

.main article ul {
list-style:none;
margin-bottom:8px}
.main article li {
list-style:none;
display:block;
padding-left:15px;
background-position: left 6px;
background-repeat:no-repeat;
font-size:14px;
margin-bottom:0.5em;}
.main article em,  .main article strong {font-weight:700}
.main .frame {margin-bottom:20px;}
.main .frame.nom {margin-bottom:10px;}

.nom [class*='bit-'] {padding-left:0.5em; padding-right:0.5em}

.nom2 {margin-bottom:0}
.ci {display:table-celle;text-align:center}
.b40 {clear:both; height:40px; margin-bottom:40px;}
.introhome h1, .introhome p, .deuxc img, .introhome h2  {padding:0 5px;}
.remonte {margin-top:-20px}
.remonte2 {margin-top:-15px}
.mgu3 {margin-top:42px;}

.error, footer .error {color:#fdc300; }
footer input.error {border:2px solid #fdc300; color: #58585a; largin*-top:-3px;}
footer input[type=submit], footer button{
background-color: transparent;
border:0;
padding:0;margin:0; cursor:pointer
}

footer input[type=submit] img{
background-color: transparent;
border:none;
padding:0;margin:0; cursor:pointer}

.noty_top_layout_container{
    width:100%;
  
}
.alc, footer .alc, body .alc, body footer .alc {text-align:center}
.email {color:#fff}

.small {font-size:12px;}
.noty_message {font-family: 'OpenSans', sans-serif; font-size:16px;}

.flotted2 {float:right; margin-left:25px;}
.descend {position:relative; top:34px}
.descend2 {position:relative; top:17px}

.main  a.inv3 {background-color:#58585a; color:#fff;}
.main a.inv3:hover {color:#008795; text-decoration:none}

.xsmall {font-size : 9px;}
.reml {position:relative; bottom:7px}
.ctr {text-align:center}
.big {font-size:24px;}
.lh1 {line-height:12px;}