html, body{
width: 100%;height: 100%;
}
body {
	margin:0;background-color:#FFF;
	text-align: center; /* pour corriger le bug de centrage IE */
	/*background-image:url(../img/fond_body.png);background-repeat:repeat-x;background-position:center top;*/

}
body, p {
	margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;font-size: 13px; color:#536F82;

}
#conteneur {
	position: relative;margin-left: auto;margin-right: auto;width: 960px; text-align:left; 
	background-color:none; /*border:1px solid red;*/
	 height:700px;
	}
.wrapper, #contenu, #pied{margin-left: auto;margin-right: auto;width: 960px; text-align:left; position: relative;}

/*----------------header---------------------*/
#header{ width:100%; height:104px; position:relative; 
 background:url(../img/fond-header.png) repeat top left;}

.logo_express{margin:13px 20px 0 4px; float:left;}

.pg_express, .pg_express_o , .metro_rivoli{  font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF;
text-align:right; padding-top:10px;}

.metro_rivoli{padding:3px 0 0 0px;}
span.tel{font-size:25px; color:#D4344F;text-shadow: 2px 1px 2px #FFF; font-weight:bold; }

.pg_express_o {  }
.metro{ background:url(../img/picto_metro.png) no-repeat left top; padding-left:25px;}

.site{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold; font-style:italic;
color:#FFF;text-shadow: 1px 2px 3px #536F82;padding-top:20px; }
header h1{ font-size:13px; text-transform:uppercase; color:#FFF; }

.addresse{ float:right;}
/*
position:absolute; top:13px; right:31px;
position:absolute; top:57px; right:230px;
position:absolute; top:41px; right:29px;
right:231px;
*/

/*----------------Menu responsive---------------------*/
.menu { border-top:2px solid #FFF;border-bottom:2px solid #FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dde2e6+0,f3f4f6+100 */
background: #dde2e6; /* Old browsers */
background: -moz-linear-gradient(top, #dde2e6 0%, #f3f4f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dde2e6 0%,#f3f4f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dde2e6 0%,#f3f4f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde2e6', endColorstr='#f3f4f6',GradientType=0 ); /* IE6-9 */}

.navigation {
  max-width: none;
  margin:0px 0 0 0px;padding:1px 0 0 0;list-style-type: none;
  min-height: 26px;
}

.navigation li {
  float: left;
}

.navigation li a {
margin: 0px; display: block; text-align:center; padding:4px 18px 2px 18px;  border-right:1px solid white;
text-decoration: none; color:#536F82; font-size:14px;  font-family:Arial, Helvetica, sans-serif;
}

.navigation li a:hover {
  color:#D4344F; background-image:url(../img/menu_hover.png); background-repeat:repeat-x; background-position:bottom left;
}


.navheader { 
  font-size: 12px;
}

.slide-trigger {
  display: none; /* need this */
  
  cursor: pointer;
  margin-left: 15px;
  margin-right: 15px;
  color:#D4344F;
}

.slide-trigger span {
	
 background:url(../img/picto_menu.png) no-repeat;
  background-position: 0 0px;
  display: block;
  float: right;
  margin-top: 0px;
  height: 22px;
  width: 22px;
}


/*----------------partie actu---------------------*/

#bandeau_actu{ width:100%; height:102px; position:relative;background-color:#D3D3D3;background-image:url(../img/fond_actu.png); background-repeat:no-repeat; background-position:bottom center;
border-bottom:3px solid #D4344F;
}



#actu_jour, #info_jour, #cours_jour{width:30%; text-align:left; height:102px; overflow:hidden; display:inline-block;}

#actu_jour div, #info_jour div, #cours_jour div{ display:inline-block; vertical-align: top; }

#actu_jour{ margin-left:60px;}

#actu_jour h4, #info_jour h4{ color:#536F82;font-family:Georgia, "Times New Roman", Times, serif; padding:0; margin:5px 0 4px 0; font-weight:bold;font-size:12px;}
#actu_jour p, #info_jour p,  #cours_jour p{color:#666; font-size:11px; line-height:130%;  }
#actu_jour a, #info_jour a, #cours_jour a, .lien{ color:#D4344F; text-decoration:underline; }
#actu_jour a:hover, #info_jour a:hover,  #cours_jour a:hover, .lien:hover{text-decoration:none; }



#bandeau_actu div.date_calendar{ background-color:#FFF; 
left:15px; top:25px; position:absolute; 
text-align:center; padding:3px 5px;
border:2px solid #D4344F;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#bandeau_actu span.datejour{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; color:#787878; display:block; border-bottom:1px solid #787878;}
#bandeau_actu span.datemois{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;  color:#D4344F;display:block;}

.fond_bandeau{ 
	background-color:#D4344F; color:#FFF; width:26px;
}
.contenu_bandeau{
	width:80%;
	}

  


	
#cours_jour table{
	border-collapse: collapse; width:150px;
   margin: 5px 0 4px 5px; 
   font-size: 11px; color:#666;}
 
#cours_jour table td{ border-bottom:1px solid white; padding:2px 0;}
#cours_jour table td.cours{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; text-align:right;}


/*----------------contenu---------------------*/
.contenu_100 {background:url(../img/fond_contenu.png) repeat-x left top; }


#contenu h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; border-bottom:1px solid #D4344F; text-transform:uppercase; padding:20px 0px 3px 0px;
margin:0 10px 15px 15px}


#accueil_droit{ margin:0 10px 0 723px; height:300px;}

#accueil_droit p{ padding:15px 0 0 0; line-height:140%;}


#accueil_lexique{ position:absolute; left:15px;
 background:url(../img/fond_accueil.png) no-repeat 0px 0px; width:323px; height:118px;}
#accueil_blog{position:absolute; right:0px;
 background:url(../img/fond_accueil_actu.png) no-repeat 0px 0px; width:245px; height:118px;}
#accueil_inv{ background:url(../img/fond_accueil.png) no-repeat 0px 0px; 
margin:0 245px 0 368px;height:118px;}


#accueil_blog img, #accueil_lexique img, #accueil_inv img{ border:0; margin:20px 3px 0 3px; float:left;}

 #accueil_lexique img{margin:13px 8px 0 8px;}
  #accueil_inv img{margin:13px 8px 0 8px;}

#accueil_blog h3, #accueil_lexique h3, #accueil_inv h3{color:#D4344F; font-size:13px; margin:15px 5px 4px 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

 #accueil_inv h3{ margin:0px 5px 4px 0; padding-top:15px;}
 
#accueil_blog h3 a, #accueil_lexique h3 a, #accueil_inv h3 a{color:#D4344F; text-decoration:none;}
#accueil_blog h3 a:hover,  #accueil_lexique h3 a:hover, #accueil_inv h3 a:hover{text-decoration:underline;}
#accueil_blog p,  #accueil_lexique p, #accueil_inv p{ font-size:11px; margin:0px 8px 0px 0; font-weight:normal; line-height:130%;}



#pied{ text-align:left; margin-top:10px; margin-bottom:10px;border-top:1px solid #536F82;}



#pied p{font-size:9px; margin:3px 0 0 20px;}
#pied a{ color:#536F82; text-decoration:none; }


/*--------Page interieure--------------*/
#gauche{width:670px; padding:0px; position:absolute; left:15px; /*border:1px solid red;*/
}

#gauche h2{ font-family:Georgia, "Times New Roman", Times, serif; color:#D4344F; text-decoration:none; font-size:18px; padding:0 0 0 30px; margin:10px 0 10px 0;
background:url(../img/puce_moulin.png) no-repeat left top; font-weight:normal; clear:both;
}

#gauche a{ color:#D4344F; text-decoration:none; }
.img_cadre{ float:right; margin:0 0px 0 20px;}

.img_cadre_g{ float:left; margin:0 20px 15px 0px;}

#gauche p{ line-height:130%;}

#contenu p.accroche{ line-height:150%;font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; margin:0 0 0 15px;color:#666;}

#gauche h3{ color:#D4344F; text-decoration:none; font-size:15px; padding:0 0 0 15px; margin:10px 0 5px 0;
background:url(../img/puce_h3.png) no-repeat left 4px; font-weight:normal;
}


#droit{
width:245px; min-height:680px; margin-left:713px;/*border:1px solid red;*/ }


.bloc_droit{ 
	
	background-color:#F0F0F0;
	
	position:static; 
	width:100%;
	margin:30px 0 0 0px;
	padding:20px 0 15px 0;
	 box-shadow: 1px 1px 4px #999;
	}
#droit.ht_p_pa{ min-height:1150px;}



.bloc_droit p{ margin:0 10px 0px 10px;  font-size:11px;line-height:140%; color:#666;}

.bloc_droit h2{ margin: 10px;font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; background-color:#D4344F; color:#FFF; padding:5px 10px; text-transform:uppercase; border:1px solid #FFF;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
  }
  
.bloc_droit h3{ color:#D4344F; text-decoration:none; font-size:13px; padding:0 0 0 15px; margin:5px 10px;
background:url(../img/puce_h3.png) no-repeat left 4px; font-weight:normal;
} 

.bloc_droit ul{color:#666; font-size:12px;
	 margin:0px 25px 0px 30px; padding:0;	/*list-style: none;	*/
}
.bloc_droit ul a{color:#D4344F; text-decoration:underline;}
.bloc_droit ul a:hover{text-decoration:none;}

.bloc_droit ul li{ padding-bottom:3px;}

.img_piece{margin:0 0px 5px 20px;}
.img_lettre{ float:left; margin:0 10px 0 0;}
.l_lettre{color:#D4344F; text-decoration:none; padding:5px 0 10px 0; display:block; }
.l_lettre:hover{text-decoration:undreline; }


#tab_carat{ color:#666;margin:0px 10px 5px 10px; border-collapse: collapse; width:225px;
 }
#tab_carat th{font-size:11px; text-align:center;}
#tab_carat td{font-size:10px; border-bottom:1px solid #666; padding:0 5px 2px 5px;}


#tab_index,  #tab_cours{border-collapse: collapse;
   margin: 0px 0 0 15px;  font-size:11px;}
#tab_index td, #tab_index th, #tab_cours td, #tab_cours th{ border-bottom:1px solid #666; padding-top:3px;padding-bottom:3px; }
#tab_cours{ width:500px; margin-top:10px;margin-bottom:10px;}

.cotation{ width:100px;text-align:right;}

.designationpiece{
	text-align:left;
	width:300px; 
}

.cotationpiece-gr{
	text-align:right; width:100px; padding-right: 5px;
}
.cotationpiece-rg{
	text-align:right; width:100px; padding-right: 5px; font-weight:bold; color: #D4344F;}
	
.p_cours{margin: 0px 0 0 15px;  font-size:11px; font-style:italic;}




.pdate{ color:#666; font-size:10px; margin:10px 0 0 0;}




.vcard{ width:200px; float:left; margin:0px; padding:0;}
.vcard ul {list-style: none;margin:0px; padding:0;}

li.fn{ text-transform:uppercase; font-weight:bold;}
li.title{ font-style:italic;}
.tel{ margin-top:5px;}
span.value{ font-weight:bold; color:#D4344F;}









/*------------------Animation Accueil-----------------------*/

/* Easy Slider */

#slider_fond{ width:645px;padding:10px 0px 0px 30px; position:absolute; left:10px;

background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfb 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fbfbfb 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fbfbfb 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 5px 5px 10px 0px #536F82;
-webkit-box-shadow: 5px 5px 10px 0px #536F82;
-o-box-shadow: 5px 5px 10px 0px #536F82;
box-shadow: 5px 5px 10px 0px #536F82;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#536F82, Direction=134, Strength=10);

}
#slider_fond h2{ font-family:Georgia, "Times New Roman", Times, serif; color:#D4344F; text-decoration:none; font-size:18px; padding:0 0 0 30px; margin:0 0 15px 0;
background:url(../img/puce_moulin.png) no-repeat left top; font-weight:normal;
}

.item h2 a{ color:#D4344F; text-decoration:none; }
.item img{ border:0px; margin:0 15px 20px 0; float:left; padding:0;}
.item p{ line-height:150%; padding-right:10px;}

.owl-theme .owl-controls .owl-page span {
	border-radius:0px;
    background: #D4344F none repeat scroll 0% 0%;
}

	
	
/* // Easy Slider */


/* CSS Admin */

#bandeau_admin{ width:100%; height:103px; position:relative;}

#btn_cour{ position:absolute; top:320px; left:600px;}

#contenu_admin_haut{width:912px;height:116px;background-image:url(../img/cadre_admin_haut.png);background-repeat: no-repeat;background-position: left bottom; margin:0px}
#contenu_admin_ml{width:912px;background-image:url(../img/cadre_admin_ml.png);background-repeat:repeat-y;background-position: left top;}
#contenu_admin_bas{width:912px;height:49px;background-image:url(../img/cadre_admin_bas.png);background-repeat: no-repeat;background-position: left top;}


.padmin{margin:0 0 10px 20px;padding:0; line-height:130%;}


.login{position:absolute; width:80px; left:238px; margin-bottom:10px;}
.labelErr{color:#841013;}
.inputForm, .inputErr{
	background-color:#FFF;
	padding: 2px;
	margin: 0 0 0px 0px;
	font-weight: normal;
	color: #666;
	font-size:11px;
}
.inputForm{border: 1px solid #666;}
.inputErr{ border: 1px solid #E42918;}

.labelform,.labelForm, .labelErr {font-weight:bold; color:#666;}
.labelErr{ color:#E42918;}

#mes_err_fieldset {
 display:none;
}

#mes_err ,#mes_err_fieldset{border:1px solid #E42918;width:650px;margin:0px 0 0px 40px;}
legend{font-size:12px; font-weight:bold; font-style:italic; color:#E42918;margin-left:10px;}
.erreur_txt{font-size:11px; font-weight:bold; font-style:italic; color:#E42918;margin:5px 10px;}
.erreur_tab{font-size:11px;margin:10px 20px;}
.red{ color:#FE2800;}
.green{ color:#339900;}
.liste_action_adm{
position:absolute; right:0px; background: white; width:330px;
}
.formulaire{margin:0; padding:0;}

.bouton{
	background-color:#D4344F;
	padding: 2px;
	margin: 0 0 0px 0px;
	font-weight: normal;
	color: #FFF;
	font-size:12px;
	 border: 1px solid #FFF;
}

textarea{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/*Tableau liste back-office*/
.tab_connexion{
	border-collapse: collapse;
   margin: 0px 0 0 35px; 
   font-size: 11px;}

#tab{
   border-collapse: collapse;
   margin: 5px 0 10px 40px; 
  	width:800px; 
   font-size: 11px;
  /* border-bottom: 1px solid #000;  */ 
}
#tab th, #tab_adresse th{
	line-height: 100%;
	padding:10px 0px 10px 0px;
	color:#536F82;
	text-align:left;
	font-size:11px; font-weight:bold; font-style:italic;
	
}





#tab td {
	border-bottom: 1px solid #FFF; color:#363636;
	/*padding:5px 0px 5px 0px;*/
}

.nom_tab{width:30px;}
.tab_ligne_1{background:#D3D3D3; }
.tab_ligne_2{background:#FFF; }
.bord_img_0, .bord0{ border:0px;}


.partie_form{
	margin-right:5px;
	margin-left:40px;
	margin-top:5px;
	border: 1px dashed #666;
	/*padding-left:10px;*/
	padding-bottom:10px;
	width:500px;
}

.partie_form legend{
color:#666; font-size:12px; font-style:italic; font-weight:bold; background-color:#FFF;
}
.lien_haut{margin-left:600px;}

.p2{ padding-top:10px;}

.btn_actu{
	display:inline-block;
	margin: 10px;
	font-size: 13px;
	background-color: #FFF;
	color: #D4344F;
	padding: 5px;
	text-transform: uppercase;
	text-decoration: none;
}