.captcha { font-size: 28pt;color: #FFFFFF;
    font-weight: 400;
    margin-top: 0px;
    padding: 15px;transform: skewX(30deg) skewY(3deg);
 } 

.fb_fb { margin-top: 40px }
.filet1 { padding: 10px 30px 20px 30px ;  border: 1px solid #1E7CA2; border-radius: 4px ; background: none repeat scroll 0% 0% transparent;}
.filet2 { padding: 10px 30px 20px 30px ; border: 1px solid #FFFFFF; border-radius: 4px ; ;background: none repeat scroll 0% 0% transparent;}
.filet3 { padding: 10px 30px 20px 30px  ; border: 1px solid #FFFFFF;  border-radius: 4px ; background: none repeat scroll 0% 0% #000000; opacity:0.9; }
.filet4 { padding: 10px ; border: 0px solid #26BAE3;  border-radius: 4px; background: none repeat scroll 0% 0% #26BAE3; color: #000000; }
.filetblanc { padding: 10px 30px 20px 30px ; border: 1px solid #1E7CA2; border-radius: 4px ; ;background: #fff }

html, body { padding : 0;margin : 0; }
body {
  background-color: #000000;
  background-image: url(../images/14968469710back.jpg);
  background-position : center 30px;
  background-attachment: fixed;
  background-position: center top -40px;
  background-repeat: no-repeat;
  color: #FFFFFF;opacity :1; font-size : 12pt; line-height: 22px;   
  font-weight: 400;font-family: Open Sans, sans-serif;; 
}

.option { height: 200px; margin-bottom: -165px; } 
.optionBG { height: 130px;
			margin: -40px auto -120px auto;
			width: 398px;
			background: url(../images/options.png) no-repeat scroll -1px 0px transparent; 
} 


.col-main {margin-left : -5px; margin-right : 5px }

.row { margin-right: 0px;  margin-left: 0px; }
.recent-work-wrap { position: relative; margin : 5%; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 
{

padding-right: 2%;
padding-left: 2%;

}

.testimonial-inner .pull-left {
    border-right: 1px solid #FFFFFF;
}

body > section {
    padding-top: 0px;    padding-bottom: 0;

}
.content { padding-top:0; margin-top: 5px; }

.slogan { color : #EEE;  background-color:#333; margin-top:10px; margin-bottom:20px; width: 100%; font-size : 18px; padding: 3px 5% 5px 5%; border-radius: 4px;  }
.slogan1 { color : #000; margin-top:-25%;   margin-left: 45%; padding-right: 3%  }
.slogan2 { color : #000;margin-top:-25%; margin-bottom:12%; text-align: center;   }

.demo-3 .filet-rouge { border: 1px solid #CF1B21; border-radius : 4px;height: auto;
    width: 100%; margin-bottom: 10px}

.demo-3 .no-filet-rouge { border: 0px solid #CF1B21; border-radius : 4px;height: auto;
    width: 100%; padding-bottom: 10px}

.demo-3 {
    position:relative;
 text-align:center;
    height: auto;
    max-width: 100%;     
 
}
.demo-3 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
    margin-left: 0px;height: auto;
    max-width: 100%;
 -webkit-animation: zoomIn 1200ms linear 100ms both;
-moz-animation: zoomIn 1200ms linear 100ms both;
-o-animation: zoomIn 1200ms linear 100ms both;
-ms-animation: zoomIn 1200ms linear 100ms both;
animation: zoomIn 1200ms linear 100ms both;       
    }

.demo-3 figure img {
    display:block;
    position:relative;
    z-index:10;
    margin:0; height: auto;
    max-width: 100%; 
}
.demo-3 figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box; height: 97%;
    width: 100%; 
}

.demo-3 figure h2 {
    color:#fff;
    font-size:20px; 
    text-align:center;  
}
.demo-3 figure p {
    display:block;
    font-size:20px;
    line-height:22px;
    margin:0;
    color:#fff;
    text-align:left
}


.demo-3 figure figcaption {
    top:-5%;
    left:0px;
    padding: 7% 0 ;
    background: #666;
    text-align:center;
    backface-visibility:hidden;
 -webkit-backface-visibility: hidden;    
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;  
     line-height:90%;
    vertical-align:middle;
    display:inline-block;   
border: 0px solid transparent; border-radius : 4px;

}

.demo-3 figure img {
    backface-visibility:hidden;
 -webkit-backface-visibility: hidden;    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s ;
}
.demo-3 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.demo-3 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}


.style { color: #FFFFFF; }
.blanc { color: #fff; }
.gris { color: #CCC; }
.noir { color: #141414; }


p { text-align : justify; hyphens: auto; margin: 0px }

.img-responsive img {  height: auto;
    max-width: 100%; border-radius: 8px;  }
 
.content img {  height: auto;
    max-width: 100%; border-radius: 8px;  }

img { border-radius: 0px;  }
blockquote { margin: 20px ;border-left: 8px solid #ccc; padding: 5px 0 5px 20px;}
ul, ol { margin: 1px ;   }

 
 
.h1,h1 { font-size: 2em;color: #FFFFFF;
    font-weight: 400;
	margin-bottom:0.75em;
    -webkit-animation: fadeInLeft 900ms linear 1400ms both;
    -moz-animation: fadeInLeft 900ms linear 1400ms both;
    -o-animation: fadeInLeft 900ms linear 1400ms both;
    -ms-animation: fadeInLeft 900ms linear 1400ms both;  
    animation: fadeInLeft 900ms linear 1400ms both;   
    
   /* Si background dans le theme ouvrir la ligne du dessous */
   /* background:#FFFFFF;border:1px solid #FFFFFF;border-radius: 24px 0 16px 0 ;  padding:12px 10px 15px 30px;  margin-top: 5px; */
 
  background-image: url(../images/puce_H1.png);
  background-position : bottom center;
  background-repeat: no-repeat;
  line-height: 70px;
 
  
  text-align:center; 
  text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49);  margin-top: -12px;
}

.taille_h1 { font-size: 2em;
    font-weight: 400;
	margin-bottom:0.45em;
  text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49);  margin-top: -5px;
}

/****** STYLE H1 ******/

/*
h1{
	position:relative;
	text-align:left;
}
h1:after {
	content:" ";
	position:absolute;
	border-bottom:2px solid #b51b34;
	width:70px;
	bottom:0;
/*	margin-left:-35px; left:50%  *
/*
h1 {
  text-shadow: -1px -1px #f00, 1px 1px #a00, -3px 0 4px #000;
  font-family:"Segoe print", Arial, Helvetica, sans-serif;
  color: #dd0000;
  padding:64px 0 0 0;
  margin:16px auto;
  font-weight:lighter;
  -moz-box-shadow:none;  
  -webkit-box-shadow: none;  
  box-shadow:none;  
  display:block;
}
*/
/****** END STYLE H1 ******/

 
 
 

.hh1 { font-size: 2em;
    font-weight: 400; 
}


.option h1{
			color: #3A5486;
			font: 700 18pt Verdana,sans-serif;
			letter-spacing: 5px;
			text-align: center;
			text-shadow: 1px 1px 1px #000000;
}




.h2,h2 { font-size: 1.7em;color: #1E7CA2; 
	line-height:1.25em;
	margin-top:.875em;
	margin-bottom:.675em
}

.taille_h2 { font-size: 1.7em;
    font-weight: 400;
	margin-bottom:0.45em;
  text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49);  margin-top: -5px;
line-height:1.25em; 
}

.taille_GD { font-size: 28pt;
    font-weight: 400;
	margin-bottom:0.45em;
text-shadow: 0 0 8px rgba(0,0,0,0.8);
line-height:1.25em; 
}

.taille_GDD { font-size: 48pt;
    font-weight: 400;
	margin-bottom:0.45em;
text-shadow: 0 0 8px rgba(0,0,0,0.9);
line-height:1.25em; 
}


.h3,h3 { font-size: 1.3em;color: #26BAE3;
	line-height:1.9090909091em;
	margin-top:.9545454545em;
	margin-bottom:.9545454545em
}

.h4,h4 { font-size: 1.1em;color: #A6A6A6; 
	line-height:1.05em;
	margin-top:1.05em;
	margin-bottom:1.05em
}

.h6,h6,pre {
	line-height:1.3125em
}
.h5,h5 { font-size: 1em;color: #141414; padding : 0;margin : 0 0 10px 0;}
.h6,h6 { font-size: 0.6em;color: #141414; padding : 0;margin : 0 0 10px 0;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-family:gothambook,Helvetica,Arial,sans-serif;
	font-weight:400;
	font-style:normal
}

cite { font-style: normal; font-size: 1em;}
.cite { font-style: normal; font-size: 1.3em;}

big { display: block;  color: #26BAE3; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px; }

hr { border-top: 1px solid #1E7CA2;  border-bottom: 1px solid #FFF; }

.chemin { margin-top : 5px;padding-left: 0; font-size: 11pt; color: #A6A6A6;}
.fet {font-size: 12pt; }
.dat {font-size: 12pt; }

.stitched_element {
border: 2px dashed  #ffffff;
box-shadow: 0 0 0 8px #ff0030;
}
 


a:link {font-size: 12pt;color: #1E7CA2;}
a:visited {color: #1E7CA2;}
a:hover {color: #26BAE3; }
a:active {color: #26BAE3; }  



.form-control {  display: block;  width: 90%; border-radius: 0}
.control-label { white-space:nowrap; margin-left: 10px; }
.uppercase { text-transform: uppercase; }

 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

input[type=text],input[type=tel],input[type=color],input[type=number],input[type=search],input[type=email],input[type=password],input[type=url],select,textarea {
	width:100%;
	-o-transition:background-color .3s ease;
	transition:background-color .3s ease
}
input[type=text]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,select:focus,textarea:focus {
	background-color:#f7f7f7
}

input.search-form, input.search-form:focus {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    width: 90px;
    padding: 0px 10px;
    color: #FFF;
    transition: all 400ms ease 0s;
}





figcaption { padding: 3px; margin-bottom: 10px; margin-top: 7px;border: 0px solid #000;  text-align: center; border-radius: 4px; background: none repeat scroll 0% 0% #000; opacity:0.9; color: #fff;font-size : 12px; font-weight: bold;}

.btn-primary {
    padding: 8px 20px 10px 20px;
}

.btn-primary {
    background: rgba(30,124,162,1) none repeat scroll 0% 0%; color :#FFFFFF;
} 

.btn-primary:hover, 
.btn-primary:focus{
  background: #1E7CA2;color: #D9D9D9;
  outline: none;
  box-shadow: none;
} 
 
.btn-primary-inverse {
  background: #1E7CA2;color: #D9D9D9;
} 

.btn-primary-inverse:hover, 
.btn-primary:focus{
    background: rgba(30,124,162,1) none repeat scroll 0% 0%; color :#FFFFFF;
  outline: none;
  box-shadow: none;
} 

button, html input[type="button"], input[type="reset"]{
    padding: 5px 20px 8px 20px ;
    border-radius: 5px;
    margin-top: 25px;
    display: inline-block; font-size: 12pt;
}

/* Bouton newsletter bottom */
.ppe {
    display: inline-block;
    margin-bottom: 0px; padding: 2px;  
    white-space: nowrap;
    vertical-align: middle; 
    color : #000; 
}

.ppe  .btn {
    display: inline-block;
    padding: 2px 12px 3px 12px;
    margin-bottom: 0;    margin-left: -3px; margin-top: -2px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;    
    border-radius: 0 4px 4px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.btnn a{
  background: #1E7CA2;
  color: #fff;  
  display: inline-block;
  padding: 10px 30px;
  border: 0;
  border-radius: 2px;
  font-size: 18px;
  color: white;
  position: relative;
}

 
.btnn a:hover{
    border-color: #26BAE3;
    background: #26BAE3;
    color: #fff;  
}

.btnn a:before, .btnn a:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 60%;
  background-color: black;
  bottom: 10px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px 10px #141414;
  box-shadow: 0 0 15px 10px #141414;
   z-index: -1;
 
}
.btnn a:before {
  left: 10%;
  -webkit-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.btnn a:after {
  right: 10%;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
}


.btnn a{
  background: #1E7CA2;
 
  display: inline-block;
  padding: 10px 30px;
  border: 0;
  border-radius: 2px;
  font-size: 18px;
  color: white;
  position: relative;
}

 
 

 
button {
  background: #1E7CA2;
  color: #fff;  
  display: inline-block;
  padding: 10px 30px;
  border: 0;
  border-radius: 2px;
  font-size: 18px;
  color: white;
  position: relative;
}

 
button:hover {
    border-color: #26BAE3;
    background: #26BAE3;
    color: #fff;  
}

button:before, button:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 60%;
  background-color: black;
  bottom: 10px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px 10px #141414;
  box-shadow: 0 0 15px 10px #141414;
   z-index: -1;
 
}
button:before {
  left: 10%;
  -webkit-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
button:after {
  right: 10%;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
}

.nav-tabs > li > a {
    background: rgba(30,124,162,1) none repeat scroll 0% 0%;
    color: #FFF;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0px none;
    color: #FFF;
    background: #1F1F20 none repeat scroll 0% 0%;
}

.tab-wrap {
    border: 1px solid #666;border-radius: 4px;
    margin-bottom: 20px;
}

.widget { margin-bottom: 60px; padding-left: 0; }

.widget h3 {color: #FFFFFF;}

.widget h2 {
    color: #26BAE3;
    text-transform: uppercase;
    margin-bottom: 20px;font-size: 1.3em; }

.widget h3 {
    text-transform: none;
    margin-bottom: 0;font-size: 10pt; }

.marker { padding: 2px ;background-color: #FFFF00; color : #000; }


.menu_haut{}  
.navbar-inverse .navbar-nav .dropdown-menu > li > a { color: #FFFFFF; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0px none; padding-left:3%; padding-right:0; }
.navbar-inverse .navbar-nav > li > a{ color: #FFFFFF;    font-size : ; padding-top:5px;padding-bottom: 5px;  }

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: rgba(30,124,162,1); margin-top: 0px; border-top : 1px solid rgba(255,255,255,0.2); font-size : ;  border-radius: 0px 0px 3px 3px;}
.navbar-inverse .navbar-nav .dropdown-menu > li { background: rgba(30,124,162,1); ;border-top : 1px solid rgba(255,255,255,0.2); font-size : ; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #1E7CA2;opacity:; color: #D9D9D9;font-size : ; }

.navbar-inverse .navbar-nav > li > a:hover{ background-color: #1E7CA2;opacity:; color: #D9D9D9;font-size : ; }
.navbar-inverse .navbar-nav .dropdown-menu { background-color: rgba(0,0,0,.85); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);  border: 0;
 padding: 0; margin-top: 0;  border-top: 0;  border-radius: 0;  left: 0; }

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {  background-color: #1E7CA2;opacity:;  color: #D9D9D9;font-size : ; }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { font-size : ; border-radius: 0px 0px 3px 3px; }

.navbar-inverse .navbar-nav .dropdown-menu > li > a { font-size : ; }
.navbar-header { float: none; }

.navbar {background: rgba(30,124,162,1); z-index:3000; border-top : 0px solid rgba(255,255,255,0.2); border-bottom : 0px solid rgba(255,255,255,0.2);font-size : ; min-height: 30px;} 
 
@media (max-width:768px) {

.menu_haut{ display: none ; }
.navbar-inverse .navbar-nav .dropdown-menu > li { background: #000; ;border-top : 0px solid rgba(255,255,255,0.2); font-size : ; }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: #000; margin-top: 0px; border-top : 0px solid rgba(255,255,255,0.2); font-size : ;  border-radius: 0px 0px 3px 3px;}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {color: #fff; }
.navbar { background: #000; z-index:3000; border-bottom : 1px solid rgba(255,255,255,0.2); font-size : ; min-height: 30px;} 
.navbar-inverse .navbar-nav > li > a{ color: #fff;    font-size : ; padding-top:3px;padding-bottom: 3px;  }

blockquote { padding: 0px; margin: 0px;  border-left: 0; }
p {text-align : left; }
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:16%;  padding-left: 0 }


 
@media (max-width:999px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:0;  padding-left: 20px}
}


@media (max-width:660px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { overflow:hidden !important; }
}


#logo { margin-top:10px; margin-left:auto; margin-right:auto; overflow:hidden; margin-bottom: 14px; text-align: center}
.navbar-header { padding-right:1%; }
.top-bar { background-color: rgba(0,0,0,0) ; border-bottom: 0; padding: 10px 0 0 0; }

ul.social-share li a { display: inline-block; color :  #fff;  background: none; none repeat scroll 0% 0%; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px; }
ul.social-share li a:hover { display: inline-block; background: #26BAE3; none repeat scroll 0% 0%; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px;}

@media (max-width:1024px) {
.top-number { display: none ; }
#pub_head { display : none; }
}


@media (max-width:480px) {
#logo { z-index: 5; Position:relative; margin-top:21px; margin-left:px; overflow:hidden; width:px;height:px; }
}

#carousel-slider2 {  margin-top: 3px; padding-left : 0px;padding-right : 0px; }

#pub_head{ z-index: 2000;margin-top:-149px;margin-bottom:0px;overflow:hidden; float:right;  width:640px;height:149px;background :transparent; 
margin-right: 0 ; border: solid 0px #666; border-radius:4px; 
   -webkit-animation: zoomIn 1200ms linear 100ms both;
   -moz-animation: zoomIn 1200ms linear 100ms both;
   -o-animation: zoomIn 1200ms linear 100ms both;
   -ms-animation: zoomIn 1200ms linear 100ms both;   
   animation: zoomIn 1200ms linear 100ms both;   
 }


/* Advertissing vertical sans bug pour chrome */
.pub_head{
    margin-top: 50px;
    float: right;
    margin-right: 20px;
    border: 0px #eee solid;
    min-width: 1px;
    min-height: 1px;
    
}

.vertical .carousel-inner {
    height: 100%;
}
 
.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}
 
.carousel.vertical .active {
    top: 0;
}
 
.carousel.vertical .next {
    top: 400px;
}
 
.carousel.vertical .prev {
    top: -400px;
}
 
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}
 
.carousel.vertical .active.left {
    top: -400px;
}
 
.carousel.vertical .active.right {
    top: 400px;
}
 
.carousel.vertical .item {
    left: 0;
}
 
.carousel.vertical .carousel-control {
    width: 100%;
    bottom: inherit;
    top: inherit;
}
 
.carousel.vertical .carousel-control.left {
    top: 0;
}
/* fin */

.options {   box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75); margin-top: -3px }  

#carousel-slider { margin-top: 5px; position: relative;  opacity: 0.95; margin-top: 20px; margin-bottom: 40px}
#carousel-slider .carousel-control.right i { background-position:  -10px -40px; }
#carousel-slider .carousel-control.left i { background-position: -10px -40px; }
#carousel-slider a i { display: block;  position: absolute;  width: 40px;  height: 40px;  cursor: pointer;  background: transparent url("../../images/a17.png") no-repeat scroll 0% 0%;  overflow: hidden; }
#carousel-slider a i:hover { background-position: -130px -40px; }
.full {  top:  150px; position: absolute;width: 100%; }

#main-slider .carousel .carousel-content { margin-top: 50px; }
#main-slider .carousel .slide-margin { margin-top: 0px; }

.col-sm-12{ background-color:rgba(0,0,0,0)   ; width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:px; color: #FFFFFF; } 
.content{color: #FFFFFF;  } 
.container > .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0;}
.margin_moins_25  { margin-top: -25px; }       
.margin_moins_40  { margin-top: -40px; }       
 @media (min-width:1024px) {  .container {width: 80%;  min-width: 1024px; max-width: px; padding-right: 0px; padding-left: 0px; } } 
@media (max-width:1024px) {
.container { min-width: 100%; padding-right: 1px; padding-left: 1px; }
}

@media (max-width:960px) {
.margin_moins_25  { display: none; }  
.margin_moins_40  { display: none; }       
}

@media (max-width:600x) {
input.search-form {  width: 10px; } 
}


#Milieu { margin-top: 0;  padding-top: 0;  padding-bottom: 30px; font-family: ; color: #FFFFFF; font-size : 12ptpx; background: rgba(30,124,162,1) none repeat scroll 0% 0%; 
    line-height: 22px; 
   border-right :0; border-left = 0; 
 } 
 
#Milieu .content {  font-family: ; color: #FFFFFF; font-size : 12ptpx; } 
 
#Milieu a:link { color: #141414; }
#Milieu a:visited {color: #141414; }
#Milieu a:hover {color: #113F73; }
 
#Milieu .filet1 { padding: 20px 10px 20px 10px ; border: 1px solid #141414; border-radius: 24px 0 16px 0 ; background: none repeat scroll 0% 0% transparent;}
#Milieu .filet2 { padding: 20px 10px 20px 10px; border: 1px solid #113F73; border-radius: 24px 0 16px 0 ;background: none repeat scroll 0% 0% transparent;}
#Milieu .filet3 { padding: 20px 30px 20px 30px ; border: 0px solid #113F73;  border-radius: 24px 0 16px 0 ;background: none repeat scroll 0% 0% #FFFFFF; opacity:0.9; }
 
#Milieu .col-sm-12{ background: rgba(30,124,162,1); width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:px; color: #FFFFFF;  } 

#Milieu h1 { font-size: 2em;color: #FFFFFF; }
#Milieu h2 { font-size: 1.7em;color: #141414; }
#Milieu .blanc h2  { color: #fff; }
#Milieu .gris h2  { color: #ccc; }
#Milieu .noir h2  { color: #141414; }

#Milieu h3 { font-size: 1.3em;color: #FFFFFF; }
#Milieu h4 { font-size: 1.1em;color: #FFFFFF; }
#Milieu h5 { font-size: 1em;color: #FFFFFF; }
#Milieu h6 { font-size: 0.6em;color: #FFFFFF; }

#Milieu .col-sm-12 { background: transparent; }
#Milieu .sitemap ul { margin-bottom: 25px; list-style-type: none; }
#Milieu .sitemap li { margin-top: 8px; background : transparent; border : 1px solid #CCC; border-radius : 4px; padding : 5px 20px 5px 20px; }

#Milieu .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0%; }
#Milieu .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60; }
#Milieu .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none; }
#Milieu .pricing-area span { font-weight: normal; font-size: 16px; }

.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three, .pricing-area .heading-four, .pricing-area .heading-five, .pricing-area .heading-six, .pricing-area .heading-seven { margin-left: 0; padding : 0 10px 0 10px;}

#bottom {
    background: rgba(30,124,162,1) none repeat scroll 0% 0%;
   /* border-bottom: 1px solid #113F73;*/
   border-top: 1px solid rgba(30,124,162,1); color: #FFFFFF;    
}

.topsite { background-color: #000000 ; margin-top:-7px;height:30px; width: 100%; border-bottom : 0px solid rgba(255,255,255,0.2);}

#bottom { color: #FFFFFF; }

#bottom h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
	font-size:1.3em;
    color: #FFFFFF;   }

#bottom ul li a { color: #113F73; font-size: 12pt; } 
#bottom ul li a:hover { color: #FFFFFF;} 
#bottom ul li a:visited { color: #113F73;} 

@media (max-width:768px) {
#bottom {
    background: rgba(30,124,162,1) none repeat scroll 0% 0%;
    border-bottom: 0;
    border-top: 0;     
}
}

#footer a:link { color: #FFFFFF; font-size : 12px;}
#footer a:visited {color: #C2C2C2; }
#footer a:hover {color: #E0E0E0; }
#footer { margin-top: 0;  padding-top: 10px;  padding-bottom: 30px; color: #FFFFFF; font-size : 12px; background: rgba(0,0,0,1) none repeat scroll 0% 0%;  } 
.social { text-align: right; white-space: nowrap; }
.languages { margin-top:2px;  margin-left:3%;overflow:hidden; white-space:nowrap;}
.themes { margin-top:-12px; margin-right:3%; overflow:hidden; float:right;}
@media (max-width:800px) {
#footer { margin-top: -11px; }
}

@media (max-width:768px) {
.themes { display:none;}
}


.zoom {
   -webkit-animation: zoomIn 3200ms linear 500ms both;
   -moz-animation: zoomIn 3200ms linear 500ms both;
   -o-animation: zoomIn 3200ms linear 500ms both;
   -ms-animation: zoomIn 3200ms linear 500ms both;   
   animation: zoomIn 3200ms linear 500ms both;   
}

.anileft {
   -webkit-animation: bounceInLeft 2500ms linear 400ms both;
  -moz-animation: bounceInLeft 2500ms linear 400ms both;
  -o-animation: bounceInLeft 2500ms linear 400ms both;
  -ms-animation: bounceInLeft 2500ms linear 400ms both;  
  animation: bounceInLeft 2500ms linear 400ms both;  
}


.bouton {
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
}


.bouton_anime a{
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
  
    padding: 5px 20px 7px 20px ;
    background: rgba(30,124,162,1) none repeat scroll 0% 0%; color :#FFFFFF;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block; font-size: 12pt;
 }

.bouton_anime a:hover{
  background: #1E7CA2;color: #D9D9D9;
}

.bouton_anime_inverse a{
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
    padding: 5px 20px 7px 20px ;
  background: #1E7CA2;color: #D9D9D9;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block; font-size: 12pt;
 
}

.bouton_anime_inverse a:hover{
    background: rgba(30,124,162,1) none repeat scroll 0% 0%; color :#FFFFFF;
}


.carousel-content .bouton a{
    padding: 5px 20px 7px 20px ;
    background: rgba(30,124,162,1) none repeat scroll 0% 0%;
    color: #FFFFFF;
    border-radius: 5px;
    margin-top: 25px;
    display: inline-block; font-size: 12pt;
}

.carousel-content .bouton a:hover{
    background:  #1E7CA2 none repeat scroll 0% 0%;
    color: #FFFFFF;
} 
 


.auto h1{ font-size : 36pt; }
.auto h2 { font-size : 14pt;   }
.auto h3 { }

.auto .bouton a{
    padding: 5px 20px 7px 20px ;
    background: rgba(30,124,162,1) none repeat scroll 0% 0%;
    color: #FFFFFF;
    border-radius: 4px;
    margin-top: 25px;
    display: inline-block; font-size: 12pt;
}

.auto .bouton a:hover{
    background: #1E7CA2 none repeat scroll 0% 0%;
    color: #FFFFFF;
} 

.slider-gauche {
    -webkit-animation: bounceInLeft 2300ms linear 1280ms both;
    -moz-animation: bounceInLeft 2300ms linear 1280ms both;
    -o-animation: bounceInLeft 2300ms linear 1280ms both;
    -ms-animation: bounceInLeft 2300ms linear 1280ms both;
    animation: bounceInLeft 2300ms linear 1280ms both;
}

.slider-droite{
    -webkit-animation: fadeInRightBig 2800ms linear 700ms both;
    -moz-animation: fadeInRightBig 2800ms linear 700ms both;
    -o-animation: fadeInRightBig 2800ms linear 700ms both;
    -ms-animation: fadeInRightBig 2800ms linear 700ms both;
    animation: fadeInRightBig 2800ms linear 700ms both;

}

.slider-bas {
    -webkit-animation: fadeInUpBig 1700ms linear 950ms both;
    -moz-animation: fadeInUpBig 1700ms linear 950ms both;
    -o-animation: fadeInUpBig 1700ms linear 950ms both;
    -ms-animation: fadeInUpBig 1700ms linear 950ms both;
    animation: fadeInUpBig 1700ms linear 950ms both;
}




.fadeown {
  -webkit-animation: fadeInDown 1000ms linear 300ms both;
  -moz-animation: fadeInDown 1000ms linear 300ms both;
  -o-animation: fadeInDown 1000ms linear 300ms both;
  -ms-animation: fadeInDown 1000ms linear 300ms both;    
   animation: fadeInDown 1000ms linear 300ms both;   
}

.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0px;
    white-space: nowrap;
    vertical-align: middle;
}


@media (max-width:1024px) {

.filet2 { border: 1px solid transparent;}
.filet3 { border: 1px solid transparent;}

.widget { text-align : center;    padding-left: 0;}

.no1024 { display : none; }
}

@media (max-width:600px) {

.bouton_anime a{
clear: both;
width: 100%; text-align: center;padding-top : 10px; padding-bottom:10px;

}


}

.bouton_anime a:hover{
clear: both;
width: 100%; text-align: center;padding-top : 10px; padding-bottom:10px;
}
.bouton_anime_inverse a{
clear: both;
width: 100%; text-align: center;padding-top : 10px; padding-bottom:10px;
}

.bouton_anime_inverse a:hover{
clear: both;
width: 100%; text-align: center;padding-top : 10px; padding-bottom:10px;
}

}

@media (max-width:960px) {
.slide { display : none; }
.fet { display : none; }
.dat { display : none; }
.option { display : none; }
.optionBG { display : none; }
}

@media (max-width:480px) {

#logo { Position:relative;  margin-top:21px; text-align: center; overflow:hidden; }
.fb_fb { display : none; }

.filet1 { border: 1px solid transparent; padding: 0;}

h1 { font-size: 24px;color: #FFFFFF;
    font-weight: 400;
    margin-top: 30px; text-align: center;
    margin-bottom: 10px; 
}

h2 { font-size: 24px;color: #1E7CA2;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 10px;
}
h3 { font-size: 20px;color: #26BAE3;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 0px;
}
.col-main {margin-left : -15px; margin-right : -15px }
}

.bott { width : 100%; background : rgba(0,0,0,1); box-shadow: 2px 2px 10px #808080; padding-top : 12px;  padding-bottom : 12px;  color : #000; border-bottom: 1px solid #141414; 
}  











/********** FILTER ******************/
.blur img{
    -webkit-filter: blur(4px);
    filter: blur(4px);
}
.blur img:hover{
    -webkit-filter: none;
    filter: none;
}



.brightness img{
    -webkit-filter: brightness(0.30);
    filter: brightness(0.30);
}
.brightness img:hover{
    -webkit-filter: none;
    filter: none;
}


.contrast img:hover{
    -webkit-filter: contrast(140%);
    filter: contrast(140%);
}
.contrast img{
    -webkit-filter: none;
    filter: none;
}


.huerotate img{
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}
.huerotate img:hover{
    -webkit-filter: none;
    filter: none;
}


.invert img{
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.invert img:hover{
    -webkit-filter: none;
    filter: none;
}

.saturate img{
    -webkit-filter: saturate(7);
    filter: saturate(7);
}
.saturate img:hover{
    -webkit-filter: none;
    filter: none;
}

.sepia img{
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}
.sepia img:hover{
    -webkit-filter: none;
    filter: none;
}


.shadow img{
    -webkit-filter: drop-shadow(8px 8px 10px green);
    filter: drop-shadow(8px 8px 10px green);
}
.shadow img:hover{
    -webkit-filter: none;
    filter: none;
}

.gray img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.gray img:hover{
    -webkit-filter: none;
    filter: none;
}

.rotation {
    overflow: hidden;
    transition-duration: 0.8s;
    transition-property: transform;
}
.rotation:hover {
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
} 

.shadow-img {
	padding-bottom:20px
}
.shadow-img a {
	display:inline-block;
	border-bottom:0;
	position:relative
}
.shadow-img a::after,.shadow-img a::before {
	content:"";
	position:absolute;
	z-index:-2;
	bottom:6px;
	left:4px;
	width:50%;
	height:20%;
	max-width:300px;
	max-height:100px;
	box-shadow:0 10px 10px rgba(0,0,0,.7);
	-webkit-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
	-o-transform:rotate(-2deg);
	transform:rotate(-2deg)
}
.shadow-img a::after {
	right:4px;
	left:auto;
	-webkit-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	transform:rotate(2deg)
}



::-webkit-input-placeholder {
	color:#999
}
:-moz-placeholder {
	color:#999
}
::-moz-placeholder {
	color:#999
}
:-ms-input-placeholder {
	color:#999
}



/*************** OUTER ****************/
.outter {
    margin-top: 0px;
	padding:20px 0;
	position:relative;
	overflow:hidden;
	margin-bottom: -40px;
}
.outter:before {
	content:" ";
	background-image:url(../images/shadow.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	position:absolute;
	height:38px;
	display:block;
	top:0;
	z-index:10
}
.outter--noshadow:before,.outter--searchReference:before {
	content:" ";
	background:0 0;
	height:0;
	width:auto
}
.outter--pagination {
	background:#4e4e4e
}
.outter--pagination-bottom {
	padding-bottom:40px;
	background:0 0
}
/*************** END OUTER ****************/


/*********** FORM **************/
button[disabled],input[disabled],input[type=radio][disabled]+label,input[type=checkbox][disabled]+label,select[disabled],textarea[disabled] {
	cursor:not-allowed;
	background-color:#eee;
	opacity:1
}
input[type=radio][disabled]+label,input[type=checkbox][disabled]+label {
	background-color:transparent
}
label {
		font-weight:400;
	}



input[type=checkbox] {
	display: none
}

input[type="checkbox"] + label span {
    border: 1px solid #656565;
    background: #f2f2f2;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -1px 4px 0 0;
    cursor: pointer;
}

input[type=checkbox]:checked+label span {
	border-color:#86060e;
	background:#b51b34;
	
	background-image:url(../images/check.png);
	background-position:center;
	background-repeat:no-repeat;

	
	box-shadow:0 0 4px 1px #b2b2b2
}
input[type=checkbox]:checked+label span:before {
	top:1px!important;
	left:3px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,.75)
}
 



select {
	width: auto;
	padding: 6px 30px 5px 5px;
	border-radius: 0;
	
}
 

@media (max-width:480px) {
.no480 { display : none; }
}
 
@media (max-width:600px) {
.no600 { display : none; }
h1,h2 { text-align: center;line-height:1.25em; }
}
 
 
@media (max-width:768px) {
.no768 { display : none; }
}
  
@media (max-width:800px) {
.no800 { display : none; }
}
  
@media (max-width:1024px) {
.no1024 { display : none; }
.yes1024 { display : inline; }

} 

@media (min-width:1000px) {
.yes1024 { display : none; }
}

 
.pagin { background : transparent; color:#CC3300; border : 0; white-space: normal ;overflow: hidden; margin-left : 10px; margin-right : 10px; margin-bottom : 0px; font-size: 18px; padding : 0px;}
.pagin a { background : #fff;	text-decoration:none; 	color:#000;}
.pagin a:hover { background : #C5BFBA;	text-decoration:none; 	color:#CC3300;}

.elements { border : 1px solid #c0c0c0; border-radius : 4px;white-space: normal ;overflow: hidden; 
margin-left : 2px; margin-right : 2px; font-size: 18px; padding : 8px 15px 8px 14px;}

.elementsactif { background : #ddd; border : 1px solid #c0c0c0; border-radius : 4px; white-space: normal ;overflow: hidden; 
margin-left : 2px; margin-right : 2px; font-size: 18px; padding : 6px 14px 6px 14px;}




.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}