/** 
 *
 *  France Reseaux
 *
 *
 */
/**
 * Color used in this project
 * orange : #fe9900;
 * grey: #7b83a1;
 * red: #ff0000;
 **/

html *{margin:0;padding:0;}
body{margin:0;padding:0;background-color:#999999;}
/** 
 * *Problem css outline lien FF3
 */
a{outline: none;}
:focus{-moz-outline-style: none;}
/** 
 * *Problem css outline lien FF3
 */
li {list-style-type: none;list-style-position:inside;margin:0;padding:0;font-size:90%;}

h1{
font-family:Arial;font-size:18px;color:#7b83a1;font-weight:bold;margin-bottom:5px;	
}
h2{
font-family:Arial;font-size:16px;color:#7b83a1;font-weight:bold;margin-bottom:5px;	
}
p{
margin:0;
padding:0;
}

#layout{padding:0 14px 0 14px;background: #999999 url('../img/background.jpg') repeat-y center;}/*size of the page is 1024px fixed!!!*/

#header {
	
}
.header-right{
margin-left:20px;
}
#content{
margin-top:15px;
}
#footer {border-top: 1px dotted #ff9900;margin-top:10px;}

span#logo a {
	margin-top:4px;
    text-indent: -9999px;
    display: block;
    text-decoration: none;
    background: url('../img/banniere.jpg') no-repeat;
    width: 706px;
    height: 146px;
	margin-left:20px;
}

.link_orange{
color:#ff9900;	
font-size:13px;
}
.link_orange:hover{
color:#000000;	
}
.link{
color:#ff9900;	
}
.link:hover{
color:#000000;	
}
.label_orange{
color:#ff9900;	
}

/*Boite Login Header*/
.dot-login{
	margin:0;
	background: url('../img/dot-234.gif') no-repeat;
	width: 234px;
    height: 10px;
}

.mid-log{
	display:block;
	float:left;
	margin-top:6px;
	margin-right:22px;
	width: 168px;
    height: 10px;
}
.lock{
display:block;
background: url('../img/lock.gif');
width:23px;
height:22px;
float:left;
}
.espace-adherent{
display:block;
background: url('../img/espace-adherent.gif') no-repeat;
width:118px;
height:13px;
margin-top:6px;
margin-left:10px;
float:left;
}
.inscription{
display:block;
float:left;
margin-left:10px;

}

.tab-form {
    margin: 0 auto;
    padding: 5px 0;
    text-align: left;
}

.label-width {
	display:block;
	float:left;
	padding-left:0px;
    width: 90px;
    font-size: 12px;
    font-weight: bold;
    color: #ff9900;
}

.input-width {
	display:block;
	float:left;
    width: 100px;
}

.input-form1 {
	display:block;
	font-size:11px;
	color:#6B8FA3;
    width: 140px;
    border: 1px solid #7b83a1;
}

.nomargin{
	display:block;
}



/* ----------------------NAV-MENU HAUT--------------------- */
#nav {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
}

.nav_holder {
    float: left;
}
#nav ul {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#nav li {
    float: left;
}
#nav li a.small {
    float: left;
    width: 100px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: top;
}
#nav li a.big {
    float: left;
    width: 145px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: top;
}
#nav li a.big1 {
    float: left;
    width: 160px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: top;
}
#nav li a.medium {
    float: left;
    width: 110px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: top;
}
#nav li a.moyen {
    float: left;
    width: 95px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: top;
}
#nav li a:hover, #nav li a:focus {
    background-position: bottom;
}
.accueil a.moyen {
    background-image: url(../img/accueil.gif);
}
.presentation a.medium {
    background-image: url(../img/presentation.gif);
}
.fournisseur a.big1 {
    background-image: url(../img/fournisseur.gif);
}
.adherent a.big {
    background-image: url(../img/adherent.gif);
}
.catalogue a.moyen {
    background-image: url(../img/catalogue.gif);
}
.contact a.moyen {
    background-image: url(../img/contact.gif);
}



 /* Main  --------CLicked*/
#nav li a.main_clicked {
    float: left;
    width: 95px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: bottom;
}

.accueil a.main_clicked {
    background-image: url(../img/accueil.gif);
}
/* Presentation  */
#nav li a.presentation_clicked {
    float: left;
    width: 110px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: bottom;
}

.presentation a.presentation_clicked {
    background-image: url(../img/presentation.gif);
}
   /* Devenir Fournisseur  */
#nav li a.fournisseur_clicked {
    float: left;
    width: 160px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: bottom;
}

.fournisseur a.fournisseur_clicked {
    background-image: url(../img/fournisseur.gif);
}
    /* Devenir adherent  */
#nav li a.adherent_clicked {
    float: left;
    width: 145px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: bottom;
}

.adherent a.adherent_clicked {
    background-image: url(../img/adherent.gif);
}
    /* Catalogue  */
#nav li a.catalogue_clicked {
    float: left;
    width: 95px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: bottom;
}

.catalogue a.catalogue_clicked {
    background-image: url(../img/catalogue.gif);
}
    /* Contact  */
#nav li a.contact_clicked {
    float: left;
    width: 95px;
    text-indent: -99999em;
    height: 38px;
    display: block;
    background-position: bottom;
}

.contact a.contact_clicked {
    background-image: url(../img/contact.gif);
}
/* ----------------------NAV-MENU HAUT--------------------- */
/* --------------------MENU LEFT------------------- */
#categories {
    background-color: #e6e6e6;
    border: 1px solid #d0d0d0;
    width: 200px;
    padding: 3px;
}

.cat_content {
    background-color: #ffffff;
    border: 1px solid #bcbcbc;
}

.cat_content ul {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cat_content ul li {
    margin: 0px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    list-style: none;
}

.cat_content ul .first_li a {
    text-decoration: none;
    border-top: 1px solid #ebe9e3;
    border-bottom: 1px solid #ebe9e3;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cat_content ul li a {

    text-decoration: none;
    border-bottom: 1px solid #ebe9e3;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cat_content ul li a:hover {
    color: #fff;
    background-color: #016ca3;
}

.cathover{
	color:#fff;
    background-color: #016ca3;
}


/* ----------------------END MENU---------------------- */
/* ----------------------HOME--------------------- */

.pics-margin{
	margin-left:39px;
}
#section h1 {
	float: left;
background: transparent url('../img/bienvenue-francereseaux.gif') no-repeat top left;
margin-top: 2px;
margin-left:0px;
width: 420px;
height: 28px;
}

#section h1 span {
display:none;
}

#avantages-france-reseaux h2 {
background: transparent url('../img/avantages-france-reseaux.gif') no-repeat top left;
margin-top: 14px;
margin-left:20px;
width: 398px;
height: 33px;
float: left;}

#avantages-france-reseaux h2 span {
display:none
}

#service h3 {
background: transparent url('../img/service.gif') no-repeat top left;
margin-top: 2px;
width: 506px;
height: 31px;
float: left;}

#service h3 span {
display:none
}

#newsletter h4 {
background: transparent url('../img/newsletter.gif') no-repeat top left;
margin-top: 2px;
margin-left:20px;
width: 103px;
height: 32px;
float: left;}

#newsletter h4 span {
display:none
}



.premier-encart p{
width:400px;
margin-top:0;
padding:5px 0 5px 0;
color:#7b83a1;
margin-left:8px;
font-size:16px;	
}
.second-encart p{	
padding:0px 0 5px 0px;
color:#7b83a1;
margin-left:8px;
font-size:16px;	
}

.troisieme-encart p{
padding:5px 0 5px 0px;
color:#7b83a1;
margin-top:15px;
font-size:16px;	
}

.quatrieme-encart {
margin-top:10px;
}
	
.quatrieme-encart p{
	padding:5px 0 5px 0px;
	text-align:center;
	font-weight:bolder;
	
}
.newsletter-encart{
float:left;
padding:5px 0 5px 0px;
color:#7b83a1;
margin-left:8px;
font-size:16px;	

}
.newsletter-icon{
float:left;
padding-left:40px;
}


ul.news li label{width:auto;display:table;float:none;padding:0;margin:0;}

/* ----------------------PRESENTATION--------------------- */

.presentation-logo{
	margin-left:39px;
}
.paragraphe_france p{
margin-top:20px;
padding:5px 0 5px 0;
color:#7b83a1;
font-size:16px;	
}

#offre h1 {
	float:left;
background: transparent url('../img/offre-comite.gif') no-repeat top left;
margin-top: 2px;
margin-left:5px;
width: 260px;
height: 34px;
}

#offre h1 span {
display:none;
}
#reseaux h2 {
float:left;
background: transparent url('../img/reseaux-entreprises.gif') no-repeat top left;
margin-top: 2px;
margin-left:5px;
width: 268px;
height: 32px;
}

#reseaux h2 span {
display:none;
}
/* ----------------------DEVENIR FOURNISSEUR-ADHERENT--------------------- */
.paragraphe_fournisseur p{
margin-top:5px;
padding:5px 0 5px 0;
color:#7b83a1;
font-size:16px;	
}
#adhesion h1 {
float:left;
background: transparent url('../img/qui-peut-adherer.gif') no-repeat top left;
margin-top: 2px;
margin-left:5px;
width: 185px;
height: 34px;
}

#adhesion h1 span {
display:none;
}
#rejoindre h2 {
float:left;
background: transparent url('../img/comment-nous-rejoindregif.gif') no-repeat top left;
margin-top: 2px;
margin-left:5px;
width: 254px;
height: 34px;
}

#rejoindre h2 span {
display:none;
}
.pics_margin_fournisseur{
	margin:35px 0 0 55px;
}
/* ----------------------CATALOGUE--------------------- */
#catalogue h1 {
float:left;
background: transparent url('../img/bienvenue_catalogue.gif') no-repeat top left;
margin-top: 2px;
margin-left:5px;
width: 292px;
height: 33px;
}

#catalogue h1 span {
display:none;
}

.listingfiches{
float:left;
margin: 2px 0px 0px 0px;
width:570px;
height:130px;
}

.thumbsfiches{
float:left;
width:150px;
height:113px;
border:1px solid black;
}

.thumbsfiches img {
vertical-align:middle;
margin:0 auto;
}

.listdescription{
float:left;
width:400px;
height:113px;
border:1px solid black;
margin: 0px 0px 0px 5px;
}
.listdescription7{
float:left;
width:400px;
height:111px;
border:2px solid #fe9900;
margin: 0px 0px 0px 5px;
}
.firstdescription{
margin: 0px 0px 0px 5px;
width:550px;
}

.pagination{
width:556px;
height:20px;
text-align:center;
font-size:12px;
color:white;
border: 1px solid #fe9900;
margin-bottom:10px;
}

.cat{
  color: #7b83a1;
  font-weight:bold;
  line-height: 20px; 
  font-size:18px;
  text-decoration:none;
  cursor:pointer;
}
.cat:hover{
   color: #fe9900;
   font-weight:bold;
   line-height: 20px; 
   font-size:18px;
   text-decoration:underline;
   cursor:pointer;
}

.mise_avant{
width:556px;
font-size:12px;
text-align:center;
}

.amavant{
font-size:14px;
font-weight:bold;	
color:black;
text-decoration:none;
}
.amavant:hover{
font-size:14px;
font-weight:bold;	
color:#FF9900;
text-decoration:underline;
}

.avantcadre {
    background-color: #FF9900;
    border: 1px solid #d0d0d0;
    padding: 3px;
	float:left;

}

.avantcadre_ext {
    background-color: #ffffff;
    border: 1px solid #bcbcbc;
	float:left;
	width:548px;
}

.mvente{
	font-size:18px;font-weight:bold;
}
/* ----------------------CATALOGUE--------------------- */
#nos_offres {
float:left;
background: transparent url('../img/nos-offres.gif') no-repeat top left;
margin-top: 2px;
margin-left:5px;
width: 292px;
height: 33px;
}

.h1_offres{
  color: #7b83a1;
  font-weight:bold;
  line-height: 20px; 
  font-size:20px;
  margin-left:5px;
	
}
.offres_description{
  font-weight:bold;
  line-height: 20px; 
  font-size:16px;	
}

.desc{

}
.desc p{
font-size:12px;
margin:0;
padding:0;	
}
.desc li {
list-style:circle;
list-style-position:outside;
}

.code_partenaire{
}
.code_partenaire1{
	color: #fe9900;
	font-weight:bold;
}

.titre_produit{
	margin-left:5px;
	color: #fe9900;
	font-weight:bold;	
}
.desc_produit{
	margin-left:5px;
	width:600px;
}
.desc_produit p{
font-size:13px;
margin:0;
padding:0;
}

#info_produit{
margin-top:10px;
border: 1px solid #fe9900;
margin-left:5px;
width:600px;
}
.titre{
font-size:13px;
font-weight:bold;
}
.record{
font-size:13px;
color: #fe9900;
font-weight:bold;
}
.linkbold{
	margin-left:20px;
  font-size: 13px;
  font-weight: bold;
  color: #ff6600;
  text-decoration:none;
}

.linkbold:hover{
	margin-left:20px;
  font-size: 13px;
  font-weight: bold;
  color: #7b83a1;
  text-decoration:underline;
}




/* ------------------------------------------- */

/* REGISTER*/

#signupformnews label {
  float:left;
  padding-left: 5px;
  padding-top:10px;
  vertical-align: top;
  text-align: left;
  width: 50px;
  white-space: nowrap;
}

#signupformnews input {
float:left;
padding:.4em;
margin-bottom:2px;
border:2px solid #ddd;
}


/* SIGNIN REGISTER CONTACT */
.inner-float{overflow:auto;}
.left-2{float:left;margin-right:10px;border: 1px #202120 solid;padding:10px;}
.left-2 ul,.left-2 li{width:auto;}			
			
			
ul.signin li label{width:auto;display:table;float:none;padding:0;margin:0;}
div.generic-form{
	line-height:1.8em;
	padding:10px;
}
div.generic-form h1 {
display:inline;
color:#7b83a1;
font-family:"Arial",verdana,sans-serif;
font-size:18px;
margin-bottom:10px;
line-height:1.5em;
}
.generic-form .inner-border {
	border:1px solid #fe9900;
	background: #ffffff;
	padding: 10px;
}
div.inner-border legend{display:none;}

.generic-form li { 
	list-style-position:outside;
	display: block;
	clear: both;  
}
.generic-form li label {
  padding-left: 2px;
  white-space: nowrap;
}

.generic-form p {
	clear: both;
	margin: 10px 0px;
}
span.sign {
color:#cacaca;
}
.generic-form li input[type=text],.generic-form li input[type=password] {
float:left;
padding:.4em;
margin-bottom:2px;
border:2px solid #ddd;
width: 200px;
}
.generic-form li .formtip{
	margin-left:0px;
	color:#999999;
	line-height: normal;
	font-size:90%;
	clear: none;
	display:inline;
	margin-left:10px;
}
.generic-form a{text-decoration:underline;}

.generic-form a:hover{color:#ff9900;}

.errors{
float:left;
margin-left:5px;
padding:.7em;
margin-bottom:2px;
width:400px;
border:2px solid #ddd;
background:#606060 none repeat scroll 0 0;
border-color:#212021;
color:#FFFFFF;
white-space: nowrap;
}
.errors_terms{float:left;color:red;}
span.required{color:#ff0000;}
span.requiredsignin{
float:left;
margin-left:0px;
padding:.4em;
margin-bottom:2px;
width:300px;
border:2px solid #ddd;
border-color:#212021;
background:#606060 none repeat scroll 0 0;
color:#FFFFFF;
font-weight:200;
white-space: nowrap;}

.em_signin {
float:left;
cursor:pointer;
margin-left:0px;
padding:1px;
margin-bottom:2px;
width:100px;
border:1px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
.em_signin_over {
float:left;
cursor:pointer;
margin-left:0px;
padding:1px;
margin-bottom:2px;
width:100px;
border:1px solid #ddd;
background:#fe9900 none repeat scroll 0 0;
border-color:#212021;
color:#ffffff;
white-space: nowrap;
}

/* FORM CONTACT */
ul.contact li label{width:auto;display:table;float:none;padding:0;margin:0;}


#signupform label {
  padding-left: 5px;
  vertical-align: top;
  text-align: left;
  width: 100px;
  white-space: nowrap;
}
#signupform input {
float:left;
padding:.4em;
margin-bottom:2px;
border:2px solid #ddd;
}

#signupform textarea {
float:left;
width:270px;
height:50px;
padding:.8em;
margin-bottom:2px;
border:2px solid #ddd;
}

#signupform select {
float:left;
width:315px;
height:30px;
border:2px solid #ddd;
}


#signupform label.error {
float:left;
margin-left:5px;
padding:.7em;
margin-bottom:2px;
width:250px;
border:2px solid #ddd;
background:#606060 none repeat scroll 0 0;
border-color:#212021;
color:#FFFFFF;
white-space: nowrap;
}


.em {
float:left;
cursor:pointer;
padding:1px;
margin-bottom:2px;
width:100px;
border:1px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
.em_over {
float:left;
cursor:pointer;
margin-left:0px;
padding:1px;
margin-bottom:2px;
width:100px;
border:1px solid #ddd;
background:#fe9900 none repeat scroll 0 0;
border-color:#212021;
color:#ffffff;
white-space: nowrap;
}
/* ----------------------FORMULAIRE CONTACT--------------------- */
.champ{
	margin-bottom:25px;
}
#signupform_contact label {
	float:left;
  padding-left: 5px;
  vertical-align: top;
  text-align: left;
  width: 100px;
  white-space: nowrap;
}
#signupform_contact input {
float:left;
padding:.4em;
margin-bottom:2px;
width:250px;
border:2px solid #ddd;
}
#signupform_contact textarea {
float:left;
width:240px;
height:50px;
padding:.8em;
margin-bottom:2px;
border:2px solid #ddd;
}

#signupform_contact label.error {
clear:both;	
padding:.2em;
margin-bottom:2px;
width:255px;
border:2px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#fe9900;
color:#fe9900;
white-space: nowrap;
}
.em_contact {
cursor:pointer;
padding:1px;
margin-bottom:2px;
width:100px;
border:1px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#212021;
color:#212021;
white-space: nowrap;
}
.em_contact_over {
cursor:pointer;
margin-left:0px;
padding:1px;
margin-bottom:2px;
width:100px;
border:1px solid #ddd;
background:#fe9900 none repeat scroll 0 0;
border-color:#212021;
color:#ffffff;
white-space: nowrap;
}


.mentionsfirst{
font-size:12px;
}
.mentions{
margin-top:5px;
font-size:12px;
}

/* OPTICIEN SEARCH AND FORM*/

#opticien_form label {
  padding-left: 5px;
  vertical-align: top;
  text-align: left;
  width: 100px;
  white-space: nowrap;
}
#opticien_form input {
padding:.4em;
margin-bottom:2px;
width:250px;
border:2px solid #ddd;
}


#opticien_form label.error {
clear:both;	
padding:.2em;
margin-bottom:2px;
width:255px;
border:2px solid #ddd;
background:#FFFFFF none repeat scroll 0 0;
border-color:#fe9900;
color:#fe9900;
white-space: nowrap;
}

.boite_opt{
	margin-top:15px;
	border:1px solid #ddd;
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#fe9900;
	min-height:120px;
}
.opt_titre{
	padding:5px;
}
.opt_details{
	font-size:12px;
	padding:5px;
}
.opt_link{
font-size:12px;
color:#000000;	
}
.opt_link:hover{
font-size:12px;
color:#ff9900;	
}