@charset "utf-8";
/**
 * @author Jean-Baptiste MONIN
 * @lastmodified Aug, 27 2008
 * @media screen
 * @site http://www.pourlafrance.fr/
 */

/*
 * Global redeclarations
 */
html,*{ margin: 0; padding: 0;}

body { font-family: verdana, arial, sans-serif; font-weight:normal; font-size : 11px; margin:0 auto; background: #3F5A75 url(../images/body_bg.jpg) scroll repeat-x 0 0;}
body.maintenance {  background-image : none;}
 
/*
* Global links
*/
a:active { outline:none; }
:focus {-moz-outline-style:none;}   
a,a:link,a:visited{ color: #536884; text-decoration:underline;}
a:hover { text-decoration:none;}

/*
* Various
 */
abbr, acronym { cursor:help; border-bottom: 1px dotted #808080;}
img{ border : none;}
p { margin: 0;}
table,tr,td{ border: none; text-align: left;}
ul { margin: 0; padding:0;}
h4 { font-size: 14px; }

/*
* Global forms
 */
label,input,option,textarea,select,button{ font-size: 11px;}
option{ padding-left: 10px;}

/**
 * Global classes
 */

.clear { clear : both;}
.pos{ color :#3c7939;}
.warn{ color :#ff8400;}
.neg{ color: #c40900;}
.small{ font-size: 80%;}
.xsmall{ font: 9px Verdana, Helvetica, sans-serif;}
.nodisplay{ display: none;} 

p.error { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#cd0000; background-color : #efefef; border : 1px solid #cc6d6d;  padding : 10px;  margin: 8px 0 8px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
p.success { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#3c7939; background-color : #fcfebb; border : 1px solid #c3c750;   padding : 10px;  margin: 16px 0 0 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
p.warning { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#ff8400; background-color : #f4ede2; border : 1px solid #e37602;   padding : 10px; margin: 16px 0 0 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.separation{ height : 30px; background : transparent url(../images/separation.png) scroll repeat-x top left; clear: both;}


/*************************************************STRUCTURE DE PAGE**************************************************/
#mainwrapper{ width: 960px; margin: 0 auto; background : transparent url(../images/page_bg.png) scroll repeat top left; } 

/*************************************************TETE DE PAGE**************************************************/
#header{  height: 120px; background : transparent url(../images/header.jpg) scroll repeat-x top left;}
#logo h1{
  width: 159px;
  height: 88px;
  background : transparent url() scroll repeat-x top left;
  text-indent: -9999px;
  position: absolute;
  margin: 0 0 0 10px;
  outline: 0;
}

#order{
  position: absolute;
  width: 200px;
  height: 58px;
  margin: 22px 0 0 476px;
}

#order a{
  text-decoration: none;
}

#tracking{
  position: absolute;
  margin: 6px 0 0 10px;
  font-size: .95em;
  font-weight: bold;
}

#quickOrder{
  position: absolute;
  margin: 29px 0 0 10px;
  font-size: .95em;
  width: 160px;
}

#quickOrder a{
  text-decoration: none;
}

#identity{
  position: absolute;
  margin: 40px 0 0 730px;
  color: #fff;
}

#identity a{
  color: #fff;
  font-size: 10px;
}
/*************************************************MENU TOP**************************************************/
#menuTopContainer{
  width: 960px; 
  height: 42px;
 background : transparent url(../images/menu.png) scroll no-repeat top left;
}

#menuTop{
  height: 30px;
  text-align:left;
  font-size:12px;
  position: absolute;
  margin: 6px 0 0 14px;
  clear: both;
}


#menuTop ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menuTop ul li {
  list-style: none;
}

#menuTop ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  margin: 6px 0 0 0;
}

#menuTop ul.horizontal li.level1 {
  float: left;
  height: 30px;
  padding: 2px 10px 2px 10px;
  margin: 0 3px 0 0;
  font-size: 11px;
  background:url(../images/menustripe.png) no-repeat -145px 0;
}

#menuTop ul.horizontal li.level1:hover {
  background:url(../images/menustripe.png) no-repeat 0 0;
}

#menuTop ul.horizontal li.level1 a {
  padding-top: 3px;
  font: bold 11px arial;
  color: #fff;
}

#menuTop ul.horizontal li.level1 a:hover {
  padding-top: 3px;
  font: bold 11px arial;
}

#menuTop ul.horizontal > li.level1 a {
  width: auto; 
}

#menuTop ul.horizontal li.level1-on {
  float: left;
  height: 30px;
  padding: 2px 10px 2px 10px;
  margin: 0 3px 0 0;
  font: bold 11px arial;
  background:url(../images/menustripe.png) no-repeat 0 0;
}

#menuTop ul.horizontal li.level1-on a{
  font: bold 11px arial;
  padding-top: 3px;
   color: #00ACBA;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTop ul li a { float:none; }
/* End IE5-Mac hack */

#menuTop ul.dropdown,
#menuTop ul.flyout {
  position: absolute;
  z-index: 999;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 195px;
  background-color: #102E51;
  border-left: 1px solid #0B233F;  
  border-top: 1px solid #0B233F;
  border-right: 1px solid #0B233F; 
  border-bottom: 1px solid #0B233F;
  padding-bottom:16px; 
  color: #fff;
}

#menuTop ul#blog{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 203px;
  height: 180px;
  background:url(../images/fr_menu_blog_bg.png) no-repeat;
  border: none;
}

#menuTop ul.dropdown li.level2,
#menuTop ul.flyout li.level3 {

}

#menuTop ul.flyout{
 border: 1px solid #00ACBA;
 position: absolute;
 margin: 8px 0 0 -8px;
 background-color: #efefef;
}

#menuTop ul.dropdown li.level2 a,
#menuTop ul.flyout li.level3 a {
  color:#00ACBA;
  width: 175px;
  font-size: 11px;
  height: 14px;
  padding: 2px 0 2px 4px;
  font-weight: normal;
  border-bottom:1px solid #0B233F;
  margin-left : 2px;
  background-image: none;
}

#menuTop ul.dropdown li.level2 a:hover,
#menuTop ul.flyout li.level3 a:hover {
  width: 175px;
  color:#fff;
  padding: 2px 0 2px 4px;
  margin-left : 2px;
  border-bottom: 1px solid #0B233F;
  background-image : none;
  font: normal 11px arial;
}

#menuTop ul.thema {
  width: 215px;
}

#menuTop ul.thema li.level2 a {
  width: 195px;
}

#menuTop ul.thema li.level2 a:hover {
  width: 195px;
}

#menuTopNoScript{
  width: 952px;
  padding: 4px 0 2px 8px;
  text-align:left;
  font-size:11px;
  z-index: 99;
  clear: both;
}

#menuTopNoScript ul {
  list-style-type: none;
}

#menuTopNoScript > ul > li > ul {
  padding-left: 10px;
}

#sep{ height: 10px; background: url(../images/topsep.png) scroll no-repeat 0 0;}
/*************************************************PAGE**************************************************/
#pagewrapper{ margin: 0 0 0 0;}
#pathway{ width: 630px; position: absolute; margin: -15px 0 0 0; font-size: 0.85em; color: #000; padding: 0 0 12px 20px; overflow: hidden; white-space: nowrap; }
#pathway a{ color: #000; font-weight: bold;}
.column11{ padding: 0 20px 20px 20px;}

.column21{ width: 666px; padding: 0 0 20px 0; float: left; }
.column22{ width: 275px; padding: 6px 0 0 15px; float: left; background: url(../images/right.png) scroll no-repeat 0 0;}

.column31{}
.column32{}
.column33{}

.column21 h2.main{ height: 50px; color:#fff; font: 1.40em "Trebuchet MS", verdana, sans-serif; padding: 6px 0 0 38px; background: url(../images/articles.png) scroll no-repeat 0 0; overflow: hidden; white-space: nowrap;}
.column21 #pageContent{ padding: 10px 15px 10px 20px;}
.column21 #pageContent h2{ margin: 10px 0 10px 0; color: #19497E;}
.column21 #pageContent h3{ margin: 10px 0 10px 0; color: #19497E;}
.column21 #pageContent p{ margin: 0 0 10px 0;}
.column22 .inpage{ margin: 0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px solid #c0c0c0;}
.column22 .inpage h2{ font: 1.50em "Trebuchet MS", verdana, sans-serif; color: #fff; margin: 10px 0 10px 0;}
.column22 .inpage ul{ list-style-type: none;}
.column22 .inpage ul li{ font-size: 0.90em; margin: 0 0 7px 0; text-indent: 8px; background: url(../images/fleche1.png) scroll no-repeat 0 4px;}
.column22 .inpage ul li span.commentTease{  font-style: italic; margin: 2px 0 2px 0; color:#333; font-size: 1.10em;}
.column22 .inpage ul li span.commentAuthor{  margin: 2px 0 2px 0; color:#808080;}
.column22 .inpage input#se_query{  margin: 2px 0 2px 0; width: 200px; font: 1.20em "Trebuchet MS", verdana, sans-serif; color: #19497E; }

.column11 h2{ font: 1.90em "Trebuchet MS", verdana, sans-serif; color: #a6b92c; margin: 10px 0 10px 0;}
.column11 a.errorbacklink { display: block; font: 1.40em "Trebuchet MS", verdana, sans-serif; color: #7c8b1f; margin: 30px 0 20px 0;}

.pagination{ text-align: center; font: 0.95em verdana, sans-serif; color: #174a51; margin: 10px 0 8px 0;}
.pagination a{ font: bold 1.0em verdana, sans-serif; color: #596403; border: 1px solid #c0c0c0; padding: 4px; text-decoration: none;}
.pagination a:hover{ font: bold 1.0em verdana, sans-serif; color: #596403; border: 1px solid #808080; padding: 4px; }
.pagination .disabled{ font: bold 1.0em verdana, sans-serif; border: 1px solid #c0c0c0; padding: 4px; color: #c0c0c0;}

textarea.kwtextarea{ width: 320px; height: 100px; padding: 3px; font: 1.0em verdana, sans-serif; color: #1e4366;}
input.titleinput{ width: 700px; padding: 3px; font: bold 1.1em verdana, sans-serif; color: #1e4366;}
textarea.textinput{ width: 700px; height: 120px; padding: 3px; font: bold 1.0em verdana, sans-serif; color: #1e4366;}
textarea.textinput2{ width: 500px; height: 70px; padding: 3px; font: bold 1.0em verdana, sans-serif; color: #1e4366;}
input.addressinput{ width: 590px; padding: 2px; font: bold 1em verdana, sans-serif; color: #1e4366;}
input.address2input{ width: 500px; padding: 2px; font: bold 1em verdana, sans-serif; color: #1e4366;}
select.civinput{  width: 150px; padding: 2px; font: bold 1em verdana, sans-serif; color: #1e4366;}
select.civinput option{  padding: 2px; font: bold 1em verdana, sans-serif; color: #1e4366;}
input.zipinput{ width: 200px; padding: 2px; font: bold 1em verdana, sans-serif; color: #1e4366;}
input.cityinput{ width: 600px; padding: 2px; font: bold 1em verdana, sans-serif; color: #1e4366;}
input.linkinput{ width: 350px; padding: 1px; font: 1.0em verdana, sans-serif; color: #1e4366;}
input.numinput{ width: 50px; padding: 2px; font: bold 1.0em verdana, sans-serif; color: #1e4366;}
table.webform1 {  width: 720px;  padding: 10px; }
table.webform2 {  width: 880px;  padding: 10px; }
td.webform3 {  border: 1px solid #c0c0c0; width: 220px; background-color: #efefef; padding: 10px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
table.webform1 h3 { font-size: 14px; background-color: #464646; color: #fff; padding: 3px 0 3px 6px; margin: 0 0 4px 0; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
h3.webform2 { color: #333; margin: 0 0 4px 0; font: bold 0.85em verdana, sans-serif; }
table.webform1 tr td{ padding: 0 0 10px 0;}
table.webform2 tr td{ padding: 0 0 10px 0;}
table.webform1 tr td.tablesep{ height: 26px; background: url(../images/tablesep.png) scroll repeat-x 0 0;}
.webformField{ background-color: #efefef; color: #333; padding: 3px; margin: 0 0 4px 0; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.webformField h3 { background-color: #464646; color: #fff; padding: 3px 0 3px 6px; margin: 0 0 4px 0; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
a.closeCross{ cursor: pointer; display: block; width: 13px; height: 14px; background: url(../images/cross_off.png) scroll no-repeat 0 0;}
a.closeCross:hover{  background: url(../images/cross_on.png) scroll no-repeat 0 0;}
input.webformsubmit{ font: bold 1.1em verdana, sans-serif; position: absolute; margin: 0 0 0 20px;}

.ajaxArticle{
  text-align: left;
  margin: 10px;
}

.ajaxArticle h2{
  font: 1.60em "Trebuchet MS", verdana, sans-serif; color: #a6b92c;
}

.ajaxCommentContent{ 
  padding: 0 15px;
  text-align: left;
}
/*************************************************TABS*****************************************************/

.panel { clear: both; display: none; padding: 0; }
.panel.active-tab-body { display: block; }
.bar { padding: 5px; background-color: #3e3e3e; }
#tabs { height: 22px; list-style: none; border-bottom: 1px solid #A2BBDD; padding: 0; margin: 16px 0 3px 0; }
#tabs li { float: left; margin: 0; }
#tabs a { float: left; padding: 4px 8px; margin-right: 6px; margin-bottom: 0; background-color: #E8EEF7; text-decoration: none; color: #335677; -moz-border-radius-topright: 3px;  -moz-border-radius-topleft: 3px;}
#tabs a.active-tab { background-color: #fff; border: 1px solid #A2BBDD; border-width: 1px 1px 0 1px; padding-top: 5px; color: #333; -moz-border-radius-topright: 3px;  -moz-border-radius-topleft: 3px;}
/*#tabs a.active-tab { background-color: #335677; border-top: 3px solid #2A445D; padding-top: 3px; color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}*/
#tabslink { height: 28px; list-style: none; border-bottom: 1px solid #c0c0c0; padding: 0; margin: 0;}
#tabslink li { float: left; margin: 0;}
#tabslink a { float: left; padding: 5px 8px; margin-right: 6px; margin-bottom: 0; background-color: #DCDCDC; text-decoration: none; color: #999999;}
#tabslink a.active-tab { background-color: #3e3e3e; border-top: 3px solid #666; padding-top: 3px; color: #ccc;}


/*************************************************PIED DE PAGE**************************************************/

#footer1{
  width: 960px;
  height: 51px;
  background : transparent url(../images/footer.png) scroll no-repeat 0 0;
  clear: both;
  margin: 0 auto;
}

#footer1 ul{
  position: absolute;
  margin: 12px 0 0 30px;
  list-style-type: none;
}

#footer1 ul li{
  float: left;
  padding: 0 10px 0 10px;
  height: 24px;
  line-height: 24px;
}

#footer1 ul li.in{
  background : transparent url(../images/li.png) scroll no-repeat top right;
}

#footer1 ul li a{
  color: #fff;
}

#footer1 ul li a:hover{
  color: #2BBBC6;
}

#footer2{
  width: 960px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}

#footer2 a{
  color: #cd833b;
}
#footer3{ width: 940px; padding: 10px; height: 20px; font: bold 0.80em/1em Verdana, arial, sans-serif; color :#333; } 

#partnerLink{ height: 65px; font: 0.80em/1em Verdana, arial, sans-serif; color :#808080; margin: 20px auto; text-align: center;} 

#footer1 #menu1 {float: left; width: 180px; margin: 8px 0 0 20px; border-right: 1px solid #c0c0c0; }
#footer1 #menu1 ul { list-style-type: none; font-size: 10px;}
#footer1 #menu1 ul li a{ color: #537993; padding: 0 10px 0 0; text-decoration: none; }
#footer1 #menu1 ul li a:hover{text-decoration: none; color: #aa1938;}
#footer1 #menu2 {float: left; width: 180px; margin: 8px 0 0 20px; border-right: 1px solid #c0c0c0; }
#footer1 #menu2 ul { list-style-type: none; font-size: 10px;}
#footer1 #menu2 ul li a{ color: #808080; padding: 0 10px 0 0; font-weight: normal; text-decoration: underline; }
#footer1 #menu2 ul li a:hover{text-decoration: none;}
#footer1 #menu3 {float: left; width: 180px; margin: 8px 0 0 20px;}
#footer1 #menu3 ul { list-style-type: none; font-size: 10px;}
#footer1 #menu3 ul li a{ color: #c0c0c0; padding: 0 10px 0 0; font-weight: normal; text-decoration: underline; }
#footer1 #menu3 ul li a:hover{text-decoration: none;}
#footer1 #tags {float: left; width: 280px; margin: 2px 0 0 10px; }

/*************************************************RATING**************************************************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{ background: url(../images/ratingStar2.png) left top repeat-x;}
.star-rating{ position:relative; width:80px; height:16px; overflow:hidden; list-style:none; margin:0; padding:0; background: url(../images/ratingStar0.png) left top repeat-x;}
.star-rating li{ display: inline;}
.star-rating a,
.star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:16px; line-height:16px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{ background: url(../images/ratingStar1.png) left top repeat-x; }
.star-rating a.one-star{ position: absolute; width:20%; z-index:6; }
.star-rating a.two-stars{ position: absolute; width:40%; z-index:5; }
.star-rating a.three-stars{ position: absolute; width:60%; z-index:4; }
.star-rating a.four-stars{ position: absolute; width:80%; z-index:3; }
.star-rating a.five-stars{ position: absolute; width:100%; z-index:2; }
.star-rating .current-rating{ z-index:1; background-position: left center; }
/***********************************************OLDBROWSER*************************************************/
#oldBrowser{
  position: fixed;
  height: 120px;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px;
  text-align: center;
  opacity : 0.7;
  filter : alpha(opacity=70); 
  z-index : 999;
}

/**********************************************QUICK ACCESS*************************************************/
#quickAccess { 
  position: fixed;
  width: 100%;
  margin: 0 auto;
  height: 30px;
  left: 0px;
  bottom: 0px;
  background: #E5E5E5;
  border: 1px solid #c0c0c0;
  border-width: 1px 1px 0 1px;
}
 
#qaContainer{
  width: 960px;
  margin : 2px auto 0 auto;  
}

#qaBasket{
 width: 200px;
 float: right;
 border-left: 1px solid #c0c0c0;
}

#qaBasket a{
 font-size :.95em;
 position: absolute;
 margin: 6px 0 0 5px;
 font-weight: bold;
 color: #808080;
 text-decoration: none;
}

#qaBasket a:hover{
 color: #333;
}

#qaConnexion{
 width: 400px;
 float: left;
}

#qaConnexion a{
 font-size :.95em;
 font-weight: bold;
 color: #808080;
 text-decoration: none;
 position: absolute;
 margin: 6px 0 0 5px;
}

#qaConnexion a:hover{
 color: #333;
}

/*************************************************OVERLAY*****************************************************/

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/jquery/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../images/jquery/h80.png) repeat-x;		
}

/*************************************************DEBUG*****************************************************/
#sqlDebug { width : 920px; margin : 20px auto; border: 1px solid #cbdadd;  text-align: left; padding : 10px 20px; background-color: #ececec; }
#sqlDebug  p{ font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;}
#sqlDebug  li{ font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;}
#profile { font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;  width : 960px; margin : 20px auto; border: 1px solid #cbdadd;  text-align: left; padding : 10px 20px; background-color: #ececec; }
#profile tr.head td{  border-bottom: 1px solid #808080;  text-align: left; padding : 4px 0; font-weight: bold }
#clientprofile { font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;  width : 960px; margin : 20px auto; border: 1px solid #cbdadd;  text-align: left; padding : 10px 20px; background-color: #ececec; }