/*
 * jQuery FlexSlider v1.7
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
    border: 1px solid #eca47d !important;
    margin: 0;
    padding: 5px;
    width: 320px;
}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-caption {
    background-color: #ccc;
    bottom: 0;
    font-size: 13px;
    left: 121px;
    line-height: 18px;
    position: absolute;
    top: -14px;
    width: 61%;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li { 
    background-color: #fff;
    margin-left: 17px;
    position: relative;
    width: 289px !important;
    z-index: 2000;
	}
.flexslider .slides > li img { 
      margin-left: 8px;
       top: -20px;
	   /*border: 1px solid #F0AF8E;*/
	   padding:2px;
	}	
	
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {
    color: #993300;
    float: left;
    font-weight: bold;
    padding-left: 18px;
    text-align: left;
    width: 150px !important;
	margin-top:42px;
}


.distinction .flex-direction-nav{display:none;}

/* Direction Nav */
.flex-direction-nav li a {width: 40px; height: 20px; margin: -13px 0 0; display: block; background: url(imagesT/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -12px 0; right: -14px;position:absolute;z-index:200;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -1px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.img_sld{float:left}

/* Control Nav */
.flex-control-nav {display:none;width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(imagesT/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

.fond_disct{
   background: url(imagesT/fond.png) no-repeat 0 0;	
   height: 160px;
}

.fond_titre {
    background-color: #f0b47e;
    border-bottom: 1px solid #d84a03;
    display: block;
    height: 25px;
    line-height: 26px;
    margin-bottom: 10px;
    width: 328px;
}
.titre_color {
    /*color: #fff !important;
    font-size: 14px !important;*/
}

.titreBloc {
    border-bottom: 2px solid #d84a03;
    color: #d84a03;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 5px;
    text-align: left;
    width: 96%;
}

.titre_bloc_drt{color:#D84A03 !important; font-size: 10px;}

.fonc{font-weight:bold !important;}

html, body {height:100%;margin:0;}
#GrandeIntro {height:100%;
/*              background:url(http://www.hdwallpapersplus.com/wp-content/uploads/2012/10/Opera-Background-Blue-Swirls1.jpg) no-repeat;
              background-size:cover;*/
}
#siteWrapper {margin-top:-80px;}
#siteWrapper header {height:80px;background:#000;}
#siteWrapper header.fixed {position:fixed;width:100%;top:0;left:0;}
#content {padding:60px 0;background:#0c9;}
#siteWrapper header.fixed+#content {margin-top:80px;}
#content div {width:80%;height:1500px;margin:auto;border:solid;}

.titre_color{color:#DE4A03; font-weight: bold;}

.titre_bloc_tr{color:#555; font-weight: bold;}

      
#bandeau {
width: 100%;
height: 45px;
/*background-color: #d84a03;*/
background-color: #E7824C;
/*border-bottom:5px solid #fc9c4d;*/
border-bottom:5px solid #D84A02;
-moz-box-shadow: 3px 3px 3px #838383; 
-webkit-box-shadow: 3px 3px 3px #838383; 
box-shadow: 3px 3px 3px #838383; 
position:relative;
z-index: 3000;

} 

.fixNav{ 
z-index: 19999;
position: fixed !important;
top: 0; /* Mise en forme */ 
width: 100%; /* <-- Largeur de votre site */
opacity: 0.9;
-moz-box-shadow: 8px 8px 8px #838383; 
-webkit-box-shadow: 8px 8px 8px #838383; 
box-shadow: 8px 8px 8px #838383; 

 } 
 
 .colr{
    color:#fff !important; 
    /*font-weight:bold !important;*/
}

ul.menu {
 padding:0;
 margin:0;
 list-style-type:none;
 /*position:absolute;*/
 /*left: 10%;*/
 /*float: right;*/

 }
ul.menu li {
    float: left;
    font-size: 11px;
    /*font-weight: bold;*/
    line-height: 30px;
	list-style:none;
	font-weight:bold;
   
}

ul.menu li a {
 display:block;
 float:left;   
 width:auto;
 color:#fff;
 text-decoration:none;
 padding:5px 0 0 0;

 }
ul.menu li a span:hover {
color:#bf4305;

 } 
 .input_haut{
    border: 1px solid #EF6C00;
    color: #555;
	height:17px;
 }
 .btn_recherche{
     background:url(imagesT/btn_recherche.jpg) no-repeat 0 0px;
     border:none;
     width: 33px;
     height: 20px;
     margin-top: 10px;
	 cursor:pointer;
 }
 
 
 .btn_ok{
      background:url(imagesT/ok.jpg) no-repeat;
     border:none;
     width: 33px;
     height: 20px;
	 cursor:pointer;

 }
 
 .champsColorBs{
    color: #BF4305;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
	float:left;
	
 } 
 
 .champsColorBs1{
    color: #BF4305;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
		
 } 
 
 
 
 
 li input{
        color: #fff;
    display: block;
    float: left;
    margin: 5px 0 0;
    text-decoration: none;
    width: auto;  
 }
 
 li.arabe{
        background:url(imagesT/arabe.png) no-repeat;
        border:none;
        width: 53px;
        height: 30px;
 }
 
 li .arabe:hover{
        background:url(imagesT/arabe_hover.png) no-repeat;
        border:none;
        width: 53px;
        height: 30px;
 }
 
 tr.menu_ml td span:hover{
	 color:#EDCB8E !important;
	 }
	 
.titre_pied{
	 color:#d84a03 !important;
	 font-size:17px !important;
	}	 
ul.services{
	diplay:block;
	float:left;
	margin-left:40px;
	/*list-style-type:disc;*/
	list-style:none;
	color:#5c5856;
	margin: 0 0 0 14px;
    padding: 0;
	font-size:14px;
	}
ul.services li{
	margin: 0 0 6px 0;
	}
.inscrire {
    background-color: #e1743e;
    display: block;
    margin: 5px 0 0;
    padding: 0 9px;
	color:#fff;
	cursor:pointer;
}

ul.sociaux{
 padding:0;
 margin:0;
 list-style-type:none;
	
}

.services li a:hover{
  color:#DC5C1B;	
}

ul.sociaux li{
width:30px;
display: inline;
	
}
.puceOrange{
  color:#d84a03;
  font-weight:bold;	
  margin-right:5px;
  font-size:9px;
	}