/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


.cadre-article{
margin-top:5px;
text-align:center;
background-color:#7A7A79;
padding:8px 9px 8px 0px;
}
#compte{
margin-left:12px;
}

.cadre-article-droite{
float:right;
margin-top:10px;
margin-left:200px;
margin-right:4px;
text-align:center;
background-color:#F3F8FC;
padding:8px 9px 8px 8px;
}


#contenu .rubrique-article {
/* */float:left;
/* */width:200px;
height:130px;
/* */padding:0 12px 0 12px;
/* */border-right:1px solid #7A7A79;
/* */margin-top:6px;
/* */margin-bottom:6px;
min-height:122px;
padding-bottom:10px;
}


#contenu  h3{
font-size:1em;
color:#7A7A79;
}


#contenu-texte .ligne-article {
min-height:122px;
padding-bottom:10px;
}
#contenu-texte .ligne-adresse{
padding-bottom:30px;
}

#contenu-texte .cadre-article{
float:left;
margin:6px;
text-align:center;
background-color:#7A7A79;
padding:8px;
}

#contenu-texte #titre-compte {
position:relative;
height:42px;
background:url(../images/charte/titre-compte.png) no-repeat left 0px;
}

#contenu-texte #compte {
height:122px;
border-top:1px solid #7A7A79;
padding:4px;
color:#FFF;
}

#contenu-texte #compte h1{
padding-top:15px;
border:0;
}

#alibis img {
margin:8px 32px 5px 31px;
}
#alibis object {
margin:4px 32px 5px 40px;
}

h1 {
color:#EDDA00;
font-size:1.35em;
}




/* PAGES */
.accueil
{
	height:23px;
	width:103px;
	background: url(../images/charte/accueil.jpg) no-repeat left bottom;
}
.en_accueil
{
	height:23px;
	width:103px;
	background: url(../images/charte/en_accueil.jpg) no-repeat left bottom;
}
.it_accueil
{
	height:23px;
	width:103px;
	background: url(../images/charte/it_accueil.jpg) no-repeat left bottom;
}
.alibis
{
	height:15px;
	width:115px;
	background: url(../images/charte/nos-alibis.png) no-repeat left bottom;
}
.en_alibis
{
	height:15px;
	width:115px;
	background: url(../images/charte/en_nos-alibis.png) no-repeat left bottom;
}
.it_alibis
{
	height:15px;
	width:115px;
	background: url(../images/charte/it_nos-alibis.png) no-repeat left bottom;
}
.tarifs
{
	height:15px;
	width:52px;
	background: url(../images/charte/tarifs.png) no-repeat left bottom;
}
.en_tarifs
{
	height:15px;
	width:52px;
	background: url(../images/charte/en_tarifs.png) no-repeat left bottom;
}
.it_tarifs
{
	height:15px;
	width:52px;
	background: url(../images/charte/it_tarifs.png) no-repeat left bottom;
}
.emploi
{
	height:19px;
	width:130px;
	background: url(../images/charte/emploi.png) no-repeat left bottom;
}
.en_emploi
{
	height:19px;
	width:42px;
	background: url(../images/charte/en_emploi.png) no-repeat left bottom;
}
.it_emploi
{
	height:19px;
	width:169px;
	background: url(../images/charte/it_emploi.png) no-repeat left bottom;
}
.mentions-legales
{
	height:19px;
	width:144px;
	background: url(../images/charte/mentions-legales.png) no-repeat left bottom;
}
.en_mentions-legales
{
	height:19px;
	width:144px;
	background: url(../images/charte/en_mentions-legales.png) no-repeat left bottom;
}
.it_mentions-legales
{
	height:19px;
	width:144px;
	background: url(../images/charte/it_mentions-legales.png) no-repeat left bottom;
}
.temoignages
{
	height:19px;
	width:121px;
	background: url(../images/charte/temoignages.png) no-repeat left bottom;
}
.en_temoignages
{
	height:19px;
	width:121px;
	background: url(../images/charte/en_temoignages.png) no-repeat left bottom;
}
.it_temoignages
{
	height:19px;
	width:121px;
	background: url(../images/charte/it_temoignages.png) no-repeat left bottom;
}
.accueil span, .en_accueil span, .it_accueil span,.alibis span, .en_alibis span, .it_alibis span, .tarifs span, .en_tarifs span, .it_tarifs span, .emploi span, .en_emploi span, .it_emploi span, .mentions-legales span, .en_mentions-legales span, .it_mentions-legales span, .temoignages span, .temoignages span, .temoignages span  
{
	display:none;
}

/* STYLE CONTENU */
#contenu {
font:normal 1em Arial, Helvetica, sans-serif;
color:#FFF;
}

#contenu p, #header_compte p{
margin:0 0 1em 0;
}

#header_compte p{
font:normal 0.85em Arial, Helvetica, sans-serif;
color:#FFF;
}

h2{
margin:0 0 0.9em 0;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size:1.3em;
letter-spacing:0.05em;
color: #EDDA00;
border-bottom:1px solid #FFE400;
}

.or{
color: #EDDA00;
}

.prix {
float:right;
color: #999999;
font-weight:bold;
text-align:center;
}

.prix2 {
float:right;
color: #EDDA00;
font-weight:bold;
font-size:1.4em;
text-align:center;
}
.prixgros {

color: #EDDA00;
font-weight:bold;
font-size:1.4em;
text-align:center;
}

.titre-cadre-alibis{
color: #EDDA00;
font:bold 1.05em Arial, Helvetica, sans-serif;
}
.texte_alibis{
font-size:0.95em;
}


#contenu .lien_cadre a:link, #contenu .lien_cadre a:visited{
text-decoration:none;
color: #D5D3D4;
font-size:0.9em;
}
#contenu .lien_cadre a:hover, #contenu .lien_cadre a:active{
text-decoration:none;
color: #EDDA00;
font-size:0.9em;
}

#tarif{
width:80%;
margin:0 auto;
border:1px solid #999999;
background-color:#262626;
padding:2px;
}

#tarif td{
padding:2px;
margin:2px;
}

#tarif .lignepaire{
background-color:#3D3D3D;
}

#tarif .col1{
color:#FFF;
font-weight:bold;
}

#tarif .col2{
color:#FFF;
font-weight:bold;
}

#tarif .col3{
width:30%;
color: #EDDA00;
background-color:#000;
font:bold 1.05em Arial, Helvetica, sans-serif;
text-align:center;
}

.tarifeuros{
color: #EDDA00;
font:bold 1.05em Arial, Helvetica, sans-serif;
text-align:right;
}

.grasO{
color: #EDDA00;
font:bold 1.05em Arial, Helvetica, sans-serif;
text-align:right;
}

#footerMenu p{
font-size:0.9em;
text-align:center;
}

#footerMenu a:link, #footerMenu a:visited{
text-decoration:none;
color: #FFF;
}
#footerMenu a:hover, #footerMenu a:active{
text-decoration:none;
color: #D5D3D4;
}

#contenu a:link, #contenu a:visited, #header_compte a:link, #header_compte a:visited, #colRight a:link, #colRight a:visited{
text-decoration:none;
color: #EDDA00;
}
#contenu a:hover, #contenu a:active, #header_compte a:hover, #header_compte a:active, #colRight a:hover, #colRight a:active{
text-decoration:none;
color: #D5D3D4;
}

a img {
border:0;
}

.grand {
font-weight:bold;
font-size:1.1em;
}

.gras {
font-weight:bold;
}

.gris {
color:#D6D6D6;
}

.grasGris {
color:#D6D6D6;
font-weight:bold;
}

#contenu ul{
list-style: disc url(../images/charte/puce.png) outside;
margin-left:30px;
}
#contenu ul li{
padding: 0.1em 0 0.6em 0; 
}


#colRight{
color:#FFF;
}

/* Formulaires */



fieldset { border:0;
border-top:1px solid #C4CCD3;
padding:0.7em 0 0 0;
margin:1em 0 0 0;
text-align:center; 

}
legend { 
color:#C4CCD3;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size:1.1em;
padding-right:4px;

}
fieldset div, fieldset p { margin:0.4em 0; width:500px; text-align:left; margin:auto; }


.form_line label {	
display:block;
float:left;
margin:0px 0px 0px 6px;
width:95px;
color:#FFF;
}

.form_line {	
margin:5px 0px 5px 0px;
float:left;
}

.form_line input {	
width:143.5px;
height:16px;
margin:0px;
border:1px solid #6D6D6D;
background-color:#000;
color:#000;
}

.form_line .long {	
font-size: 1.3em;		
width:390px;
height:16px;
margin:0px;
border:1px solid #6D6D6D;
background-color:#E4ECF3;
color:#000; 
}

.form_line textarea {	
width:390px;
height:43px;
margin:4px 0px 4px 0px;
border:1px solid #0355A2;
background-color:#E4ECF3;
color:#000;
}

.ok{
float:right;
margin-right:91px;
width:120px;
height:20px;
border:1px solid #EBEFF3;
background-color:#CCD3DA;
color:#000;
font-weight:bold;
}


#alerte{
position:fixed;
left: 40%;
top:40%;
z-index:1;
padding:15px;
background-color:#FFF094;
border:1px solid #6D6D6D;
color:#000;
}

/* FORMULAIRE  GENERALISTE */
form table{
margin:0 auto;
width:95%;
color:#9A9A9A;
}
.titre_form{
margin-top:5px;
color:#FFF;
font-weight:bold;
border-bottom:1px solid #FFF;
}

table td{
padding:4px 0px 4px 0px;
font-size:0.95em;
}
.label_form {
width:142px;
}
.label_form2 {
width:80px;
}
.form_line label {	
display:block;
float:left;
margin:0px 0px 0px 5px;
width:80px;
font:normal 0.95em/1.05em "Arial",Verdana,Helvetica;
color:#FFF;
}
.lbllong{	
margin:0px 0px 0px 5px;
width:140px;
font:bold 0.85em/0.95em "Arial",Verdana,Helvetica;
}

.form_line, .form_line2 {	
margin:3px 0px 3px 0px;
float:left;
}


table textarea {	
width:456px;
height:97px;
border:1px solid #7C7C7A;
background-color:#0E0E0C;
color:#CFCFCF; 
}

.petit_area{
height:50px;
}

table input, table select  {	
width:170px;
height:18px;
font:normal 1.05em/1.15em "Arial",Verdana,Helvetica;
border:1px solid #7C7C7A;
background-color:#000;
color:#CFCFCF; 
}

.variable{
margin:0;
padding:0;
float:left;
width:48px;
}

.ajouter-panier{
float:right;
}

/******************** REALISATIONS **************************/
div#gallerie{	
margin-left: 0px;
}

div#gallerie img{	
margin:5px;
padding:0px;
}

#gallerie a:link img {
border:1px solid #EE060B;
}

#gallerie a:visited img {
border:1px solid #EE060B;
}

#gallerie a:hover img {
border:1px solid #CCC;
/*color: #F590F8;*/
}

.input_image{
border:0px;
height:34px;
width:86px;
background-color:none;
float:right;
background:url(../images/charte/bt-envoyer.png) no-repeat scroll left bottom;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/charte/bt-envoyer.png', sizingMethod='crop');
}
.en_input_image{
border:0px;
height:34px;
width:86px;
background-color:none;
float:right;
background:url(../images/charte/en_bt-envoyer.png) no-repeat scroll left bottom;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/charte/en_bt-envoyer.png', sizingMethod='crop');
}
.it_input_image{
border:0px;
height:34px;
width:86px;
background-color:none;
float:right;
background:url(../images/charte/it_bt-envoyer.png) no-repeat scroll left bottom;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/charte/it_bt-envoyer.png', sizingMethod='crop');
}
.input_image2{
border:0px;
height:45px;
width:112px;
background-color:none;

background:url(../images/charte/bt-envoyer2.png) no-repeat scroll left bottom;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/charte/bt-envoyer2.png', sizingMethod='crop');
}


#contenu-texte #titre-compte {
position:relative;
height:42px;
background:url(../images/charte/titre-compte.png) no-repeat left 0px;
}

#contenu-texte #compte {
height:122px;
border-bottom:1px solid #7A7A79;
padding:4px;
color:#FFF;
}

#contenu-texte #compte h1{
padding-top:15px;
border:0;
}

#ban,#ban2, #ban3{
display:none;
position:fixed;
left: 30%;
top:12%;
width:40%;
height:675px;
z-index:999;
padding:15px;
background-color:#E5E5E5;
border:1px solid #6D6D6D;
color:#000;
}
#ban2{
height:305px;
}
#ban3{
height:250px;
}

#ban textarea, #ban2 textarea, #ban3 textarea{
width:400px;
height:80px;
}

#ban a:link, #ban a:visited,#ban2 a:link, #ban2 a:visited,#ban3 a:link, #ban3 a:visited{
text-decoration:none;
color: #000;
}
#ban a:hover, #ban2 a:active, #ban2 a:hover, #ban3 a:active, #ban3 a:hover, #ban3 a:active{
text-decoration:none;
color: #000;
}