/* CSS Document */

* {
	padding:0;
	margin:0;
} 

html, body {
	width:100%; padding:0; margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#333333;
	line-height:20px;	
	background-color:#f5f5f5;
}

 

ul,ol         { list-style:none; }


a {text-decoration:none; cursor:pointer;color:#80140d; }
a:hover {text-decoration:underline;}

h1 {font-family: 'Arial', sans-serif; font-size:20px; }
h2 {font-family: 'Arial', sans-serif; font-size:18px; }
h2 span{   color:#80140d;}
h3{font-family: 'Arial', sans-serif; font-size:14px; color:#80140d; font-weight:bold;}


.grey1{ color:#666666; }
.grey1-mini{ color:#666666;  font-size:9px; }
.gros_rouge {font-size:14px; color:#80140d;}
.gros {font-size:14px; }
.tres_gros_rouge {font-size:18px; color:#80140d;}


#header-bg{width:100%;height:120px;/*background:url(../pix/bgtop.png) repeat;*/ background-color:#d9d7d8; padding-top:10px; padding-bottom:10px;}
#header-content{   width:1000px; margin:0 auto; height:inherit;   }
#header-content .slogan{ color:#666666;  float:left; margin-left:10px; }
#header-content .menu{ font-size:10px; color:#80140d; text-transform:uppercase; float:right; margin-right:10px; }
#header-content .menu a{ color:#80140d; text-decoration:none; padding:5px; }
#header-content .menu a:hover{ text-decoration:underline; }

#logo { clear:both; float:left; width:323px; height:61px; margin-top:20px; background:url(http://www.cibleadulte.com/pix/logo.png) no-repeat top; cursor:pointer;  }

#bando1-bg{ width:100%; background:url(../pix/bgbanner2.png) repeat-x  bottom  ;  height:315px;  }
#bando2-bg{ width:100%; background:url(../pix/bgbanner2.png) repeat-x  top  ;  height:20px;  }
#bando3-bg{ width:100%; background:url(../pix/bgbanner2.png) repeat-x  top  ;  height:170px;  }

#bando1-content{ width:1000px;  margin:0 auto;    }

#content{ width:1000px;  margin:0 auto;  padding-top:10px;    }
#content_left{   width:800px; float:left;  }
#content_right{   width:200px; float:right;  }

#prefooter {clear:both; width:100%; background-color:#e6e6e6;  height:80px;  }
#prefooter .footeron{ margin:0 auto;width:1000px;height:80px; }
#prefooter .footeron li{ cursor:pointer; float:left;width:169px;padding:20px 0 0 80px;height:54px;font-size:12px;color:#666666;background-repeat:no-repeat;background-position:10px bottom;font-family: 'Lucida Grande', 'Lucida Sans Unicode'; }
#prefooter .footeron li strong{ display:block;text-transform:uppercase;font-weight:normal;font-size:13px;color:#585858; }

#footer { width:100%; background:url(../pix/Footer.png) repeat-x top; background-color:#CCCCCC;  height:185px;  }
#footer .footer-content{ margin:0 auto;width:1000px;height:170px;}
#footer .footer-content .footer-list li{ float:left;width:175px;padding:0 30px 0 20px;color:#7d7d7d; }
#footer .footer-content .footer-list li a{ color:#7d7d7d;text-decoration:none }
#footer .footer-content .footer-list .last{ width:300px;padding:0 0 0 20px; }
#footer .footer-content .footer-list .block .block-title{ padding:42px 0 15px; color:#666666 }
#footer .footer-content .footer-list .block .block-title strong{font-size:14px;font-weight:bold;text-transform:uppercase; }
#footer .footer-content .footer-list .block a{ display:block; }



#bigmenu {float:right; margin-top:70px;  }


#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 13px;
  min-width: 25px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #333333;
  z-index:100000000;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li.active a {
  background: #646464 url(pix/grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -moz-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  -webkit-box-shadow: inset 0 0 10px #222222, inset 0 10px 10px #222222;
  filter: none;
}
#cssmenu > ul > li.active a:hover {
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(100%, #4a4a4a));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#646464', endColorstr='#4a4a4a', GradientType=0);
  filter: none;
}
#cssmenu > ul > li a {
  box-shadow: inset 0 0 0 1px #8a8a8a;
  -moz-box-shadow: inset 0 0 0 1px #8a8a8a;
  -webkit-box-shadow: inset 0 0 0 1px #8a8a8a;
  background: #4a4a4a url(pix/grad_dark.png) repeat-x left top;
  background: -moz-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8a8a8a), color-stop(50%, #707070), color-stop(51%, #626262), color-stop(100%, #787878));
  background: -webkit-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -o-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: -ms-linear-gradient(top, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  background: linear-gradient(to bottom, #8a8a8a 0%, #707070 50%, #626262 51%, #787878 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  border-bottom: 1px solid #5d5d5d;
  border-top: 1px solid #5d5d5d;
  border-right: 1px solid #5d5d5d;
  line-height: 34px;
  height:34px;
  padding: 0 25px;
  filter: none;
}
#cssmenu > ul > li a:hover {
  background: #8a8a8a url(pix/grad_dark.png) repeat-x left bottom;
  background: -moz-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #646464), color-stop(50%, #4a4a4a), color-stop(51%, #3b3b3b), color-stop(100%, #525252));
  background: -webkit-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -o-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: -ms-linear-gradient(top, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  background: linear-gradient(to bottom, #646464 0%, #4a4a4a 50%, #3b3b3b 51%, #525252 100%);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#8a8a8a', endColorstr='#787878', GradientType=0);
  filter: none;
}
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-left: 1px solid #5d5d5d;
}
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
}
#cssmenu .has-sub:hover ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 36px;
  left: -1px;
  min-width: 100%;
  text-align: center;
  /* IE7 */

  *width: 100%;
}
#cssmenu .has-sub ul li {
  text-align: center;
}
#cssmenu .has-sub ul li a {
  border-top: 0 none;
  border-left: 1px solid #5d5d5d;
  display: block;
  line-height: 120%;
  padding: 9px 5px;
  text-align: center;
}

#contact-us{
	background:url(../pix/bgcontact.png) no-repeat;
	height:120px;width:200px;	
}

#neutral-box{
	float:right;
	background:url(../pix/neutral_frame.png) no-repeat;
	height:153px;width:170px;
	padding-top:8px;
	padding-left:8px;	
}

a.button{height:35px;display:block;font:normal 14px "Arial";color:#fff;background:url(../pix/grey_button.png) 0 0 repeat-x;border:none;text-align:left;text-decoration:none;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:2px; line-height:33px;margin-top:8px; }
a.button:hover{background:#720e0b;text-decoration:none;}

a.redbutton{height:35px;display:block;font:normal 14px "Arial";color:#fff;background:url(../pix/red_button.png) 0 0 repeat-x;border:none;text-align:left;text-decoration:none;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:2px; line-height:33px;margin-top:8px; }
a.redbutton:hover{background:#941d0f;text-decoration:none;}

.send-form-line{
	width:90%;
	border-bottom:dotted #CCCCCC;
	margin-bottom:10px;
	padding-bottom:10px;
}

#targetpack{
	background-color:#5d5d5d;
	width:1000px;
	margin-bottom:10px;margin-top:10px;
	padding-left:10px;
	
}
#targetpack a{	color:#FFFFFF;}
#targetpack .link{	color:#FFFFFF; float:right; margin-right:10px;}
#targetpack-total{ background:url(../pix/bg-target-total.png) no-repeat;height:40px;width:180px; padding-left:5px;   padding-top:10px;   }
#targetpack-total .prix{float:right; margin-right:10px;}


#frmerror{
	background-color:#FF6A6A;
	border: 1px solid #FF0000;
	width:100%;
	padding-left:5px; padding-right:5px; padding-bottom:8px; margin-top:10px;
}

#frmnoerror{
	/*background-color:#FF6A6A;*/
	background-color:#AEFF88;
	/*border: 1px solid #FF0000;*/
	border: 1px solid #006600 ;
	width:100%;
	padding-left:5px; padding-right:5px; padding-bottom:8px; margin-top:10px;
}


#frm_send_pass{
	width:510px;
	height:410px;
	padding:7px;
}


/*#################################  ONGLETS ESPACE CLIENT ################################# */
.invertedshiftdown{
 
width: 100%;
/*border-top: 5px solid #FEBD00; Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-bottom:10px;
float:left;
}


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

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}


.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: #999999;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #911C10; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #911C10; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}
/*#################################  FIN ONGLETS ESPACE CLIENT ################################# */

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}

 #cadre_degrade{background:url(../pix/grd_grand2.png) repeat-x top ;  height:auto; font-size:12px; background-color:#ffffff; 
border:1px solid #b9b9b9;
 -moz-border-radius:5px; -webkit-border-radius: 5px;  border-radius:5px; 	-khtml-border-radius: 5px;	

-moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
-webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
-o-box-shadow: inset 0px 0px 0px 1px #ffffff;
box-shadow: inset 0px 0px 0px 1px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=0);
 }
 .orange{
color:#80140d;
}