/*GENERAL*/
* {margin:0; padding:0; border: none; text-decoration: none;}

html,body {margin:0; padding:0; height:100%; /* needed for container main */}
html,body,tr,td,p,a,li {color:#2c3034; }
body { background:#98B1C4 url(../images/bg-body.jpg) no-repeat top left;  padding:0; margin:0; font:11px Verdana, Arial, sans-serif; margin:0; padding:0; }

p, ul, li, table{ font:11px Verdana, Arial, sans-serif; text-align: justify;}

a:link    {color:#718B98; text-decoration:none; cursor: pointer;}
a:visited {color:#718B98; text-decoration:none; cursor: pointer;}
a:hover   {color:#305A6F; text-decoration:none; cursor: pointer;}
a:active  {color:#718B98; text-decoration:none; cursor: pointer;}

select { border: 1px solid #98B1C5; background: #FFF; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}


#website {
	background:#ffffff;
	border-left:#718B98 solid 1px;
	border-right:#718B98 solid 1px;
	width: 960px; 
    position:relative; /* needed for footer positioning*/
    margin:0 auto; 
    text-align: left;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */   
}

/*HEADER*/
#header { height: 128px; width: 100%; } /*126px: images + 36px menu = 162px*/
#banner_image { float: right; }
#banner_texte { position: relative; margin: 92px 0 0 38px;  color: #EE8002; }
#banner_texte h1{ font: 18px Verdana, Arial, sans-serif; }

/*FOOTER*/
#footer { position: absolute; bottom: 0px; background: #FFF; height: 25px; width: 100%; border-top: 1px solid #C3D3DF;}
#footer p { color: #6F6F6F; text-align: center;  padding: 5px 0 0 10px }
#footer p a	{ color: #6F6F6F; text-decoration: none }
#footer p a:hover { color: #EE8002; }

/*CONTENT (GENERAL)*/
#content { position:relative; height: 100%; min-height: 100%;}
#content h1 { font: 20px Verdana, Arial, sans-serif; color: #718B98; }
#content h2 { font: 13px Verdana, Arial, sans-serif; color: #16364D; font-weight: bold;}
#content h3 { font: 11px Verdana, Arial, sans-serif; color: #EE8002; font-weight: bold;}
#content p { line-height: 17px; }

#content span.highlight_word { font: 11px Verdana, Arial, sans-serif; color: #EE8002; font-weight: bold; }
#content a.highlight_link { font: 14px Verdana, Arial, sans-serif; color: #EE8002; font-weight: bold; }
#content a.highlight_link:hover{ text-decoration: none; }
#content fieldset { width: 500px; padding: 0 0.5em 1em 0.5em; background-color: #FFF; border:1px solid #718B98}
#content fieldset legend{ background-color: #FFF; padding: 0 0.5em 0.5em 0.5em; color: #718B98;}
#content fieldset table{ width: 100%; }
#content fieldset tr{ height: 20px; cellspacing: 0; cellspadding: 0;}
#content fieldset td{ text-align: left; padding: 0 10px 0 10px; }


/*CONTENT (PARTIE GAUCHE)*/
#public_contenu { float: left; padding: 10px 15px 15px 15px;  width: 695px;margin-bottom: 20px; }


#public_contenu  p.illustration { float: right; margin: 0; padding: 0 0 0 15px; }

/*CONTENT (PARTIE DROITE)*/
#public_partie_droite { float: right; width: 225px; margin-bottom:20px; }


/* Composants à droite */
.composant_droit { width: 200px; border: 1px solid #C3D3DF; background-color: #efefef; position: relative; margin-top: 15px; padding: 5px 5px;  }
.composant_droit { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.composant_droit label { font-size: 10px; vertical-align: bottom;}
.composant_droit input[type=text], input[type=password], textarea { color: #5F5F5F; border: 1px solid #98B1C5; background: #FFF; font-size: 12px; width:190px; padding-left: 5px; }
.composant_droit input[type=image] { width: 70px; margin-right: 8px; }


.login_elements { margin-top: 10px; }
.login_elements p{ font-size: 10px;}



/*Page news */
.list_titres_news { padding: 10px 0 10px 40px; }
.list_titres_news a { font-size: 11px; }
.list_titres_news ul { padding: 5px 0 5px 40px; }
.list_titres_news li { list-style-type: none; }

/*Page news archives */
.list_news { margin-left: 30px; padding: 10px 0 10px 0px; }
.list_news a { font-size: 11px; }
.list_news a:hover { font-size: 11px; }
.list_news table { width: 100%;}
.date_news {width: 120px; text-align: left;}
.list_news ul { padding: 5px 0 5px 40px; }
.list_news li { list-style-type: none; }

.list_news_pagination a { font-size: 11px; padding: 3px 6px; }
.list_news_pagination a:hover { font-size: 11px; background-color: #EE8002; padding: 3px 6px; color: #FFF !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}


/*Page Sign Up*/
#pack_selection {padding-top: 20px; width: 750px; margin:auto; }
.pack { background-color: #FFF; width: 170px; float: left; margin-left: 40px; padding: 10px; border:2px solid #98B1C5;}
.pack_title { font: 14px Verdana, Arial, sans-serif; color: #EE8002; font-weight: bold;  height: 20px;}
.pack_user { font: 11px Verdana, Arial, sans-serif; height: 60px; line-height: 1.8em;}
.pack_description { font: 11px Verdana, Arial, sans-serif; height: 60px;}
.pack_choix { font: 12px Verdana, Arial, sans-serif; height: 20px;}
.separation { border-bottom: 1px solid #CFCFCF; padding: 5px 0px; }
.separation_debut { border-bottom: 1px solid #CFCFCF; padding-bottom: 5px;}
.separation_fin { padding: 10px 0 0 0; }

#pack_trial {text-align: center; padding: 20px 0 0 0; width: 740px; margin-left: 100px; vertical-align: middle;}
#pack_trial p { text-align: center; }
#pack_trial img { margin: 0; vertical-align: middle; }
#pack_trial input { text-align: center; vertical-align: middle;}
#pack_trial input[type=text] { color: #5F5F5F; border: 1px solid #98B1C5; background-color: #FFF; height: 20px;}

#faq { background-color: #EFEFEF; padding: 10px 20px; width: 740px; margin-left: 100px; vertical-align: middle; }
#faq_title { font: 13px Verdana, Arial, sans-serif; color: #4F4F4F; font-weight: bold;}
#faq_contact { float: left; width: 180px; margin: 30px 0 0 30px; }
#faq_content { margin-top: 10px; }


/*Page Subscribe*/
#subscribe_bloc { line-height: 0.8em; text-align: left; margin: 20px 0 0 0; padding: 10px 10px 10px 10px; width: 650px; margin-left: 150px; vertical-align: middle; background-color: #EFEFEF; }
#subscribe_bloc { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#subscribe_bloc p {margin-top: 2px;height: 20px;}
#subscribe_bloc .input { border: 1px solid #98B1C5; background: #FFF;  width: 200px; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}
#subscribe_bloc .input_user { border: 1px solid #98B1C5; background: #FFF;  width: 150px; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}
#subscribe_bloc .select { border: 1px solid #98B1C5; background: #FFF;  width:206px; font-size: 13px; vertical-align: middle; padding: 0 0 0 2px;}
#subscribe_bloc .select_user { border: 1px solid #98B1C5; background: #FFF;  font-size: 13px; vertical-align: middle; padding: 0 0 0 2px;}
.contact_label { width: 150px; height: 10px; display: block;  float: left; margin: 2px 15px 6px 4px; text-align: right; color: #4F4F4F; }
#subscribe_bloc .label_paiement {width: 150px; display: block;  float: left; margin: 2px 15px 6px 4px; text-align: right; color: #4F4F4F; background-color: #000;}
#subscribe_bloc th { font-size: 10px; color: #7F7F7F; }
#subscribe_bloc td { color: #7F7F7F; text-align: left;}
#subscribe_bloc fieldset { color: #7F7F7F; background-color: #EFEFEF; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border: 1px solid #7F7F7F;}
#subscribe_bloc fieldset legend { background-color: #EFEFEF; padding: 0 5px; margin: 0 0 0 5px; color: #EE8002;}
#subscribe_bloc fieldset td { background-color: #EFEFEF; padding: 0; margin: 0;}
#subscribe_bloc .paiement { margin: 10px 20px; color: #7F7F7F; font-weight: bold;}
#subscribe_bloc .paiement input[type=radio] { margin: 0 0 0 30px; padding: 15px 0 0 0; }
#subscribe_bloc .note { color: #7F7F7F; margin-top: 15px; line-height: 1em; font-size: 10px;}
#subscribe_bloc .accord { color: #7F7F7F; margin-top: 15px; line-height: 1em; font-size: 10px; font-weight: normal;}

#pack_review { background-color: #FFF; width: 170px;  margin-left: 20px; padding: 10px; border:2px solid #98B1C5;}
#pack_review .pack_title { font: 14px Verdana, Arial, sans-serif; color: #EE8002; font-weight: bold;  height: 20px;}
#pack_review .pack_user { font: 11px Verdana, Arial, sans-serif; height: auto; line-height: 1.8em;}
#pack_review .pack_description { font: 11px Verdana, Arial, sans-serif; height: auto;}
#pack_review .pack_choix { font: 12px Verdana, Arial, sans-serif; height: 20px;}
#pack_review .separation { border-bottom: 1px solid #CFCFCF; padding: 5px 0px; }
#pack_review .separation_debut { border-bottom: 1px solid #CFCFCF; padding-bottom: 5px;}
#pack_review .separation_fin { padding: 10px 0 0 0; }

.asterisk { color: #EE8002; }
input.error { border:1px dotted red !important; }
select.error { border:1px dotted red !important; }
label.error { color: red; font-size: 9px; font-weight: normal; position: relative; left: 6px; top: 0px; }



/*Formulaire de contact - GENERAL*/
#contact_us { margin: 10px 0 0 10px; }
#contact_us input, textarea{ border: 1px solid #98B1C5; background: #FFF;  width: 260px; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}
#contact_us input.error, textarea.error { border: 1px dotted red; background: #FFF;  width: 260px; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}
#contact_us input[type=image] { width: 90px; border: none; margin: 0 0 0 290px; }
.cmxform label{ float:left; width: 100px; margin: 2px 15px 6px 4px; text-align: right; background-color: #FFF; } 

/*Formulaire de contact - DIV contenant le résumé des erreurs du formulaire*/
#container { width:370px; background-color: #FFF; border: 1px solid red; margin: 5px 5px 20px 5px; padding: 5px; }
#container ol li { list-style-type: disc; margin-left: 20px; }
#container { display: none; }
#container label.error { display: inline; }

/*Formulaire de login - DIV contenant le résumé des erreurs du formulaire*/
#login_container { width:180px; margin: 10px 0 0 0; }
#login_container ol li { list-style-type: none; margin: 2px 0 0 -5px;}
#login_container { display: none; }
#login_container label.error { display: inline; }

/*Formulaire de login - DIV contenant le résumé des erreurs du formulaire*/
#newsletter_container { width:180px; margin: 10px 0 0 0; }
#newsletter_container ol li { list-style-type: none; margin: 2px 0 0 -5px;}
#newsletter_container { display: none; }
#newsletter_container label.error { display: inline; }


/*My information*/
.memberInfo { line-height: 0.8em; text-align: left; top:6px; padding: 10px 10px 10px 10px; width:520px; vertical-align: middle; background-color: #EFEFEF; position:relative;margin: auto;}
.memberInfo { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.memberInfo p {margin-top: 2px;}
.memberInfo input[type=text] { border: 1px solid #98B1C5; background: #FFF;  width: 200px; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}
.memberInfo input[type=password] { border: 1px solid #98B1C5; background: #FFF;  width: 200px; font-size: 13px; vertical-align: middle; padding: 0 0 0 4px;}
.memberInfo select { border: 1px solid #98B1C5; background: #FFF;  width:206px; font-size: 13px; vertical-align: middle; padding: 0 0 0 2px;}
.memberInfo label { width: 150px; height: 10px; display: block;  float: left; margin: 2px 15px 6px 4px; text-align: right; color: #4F4F4F; }
.memberInfo label.error {display:none !important; }

input[readonly="readonly"]{color:#888; background-color: #EEE}
.memberInfo table { width: 100%; background-color: #FFF; border: 1px solid #98B1C5;}
.memberInfo tr { height: 16px;  }
.memberInfo th { color: #EE8002; font-size: 12px; background-color: #FFF; height: 20px; border-bottom: 1px solid #98B1C5;}
.memberInfo_valid { line-height: 0.8em; text-align: left; top:6px; padding: 5px 10px 5px 10px; width:520px; vertical-align: middle; background-color: #F0FFEF; position:relative;margin: auto;}
.memberInfo_valid { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #2E9F27;}
	

/*Sitemap*/
.sitemap * { font-size: 13px;  }
.sitemap p { margin-left: 20px; }

/*tableaux*/
#press table { border: 1px solid #000; border-collapse: collapse; }
#press td { border: 1px solid #000; padding: 3px 5px; }

/*Listes ordonnees*/
#press ol { padding-left: 25px; }
#press ul { padding-left: 25px; }