body{
font-family:Arial, Helvetica, sans-serif;
}

/* *************************************** */
/*      header: barre de nav baby, etc     */
/* *****************************************/

/* contient le menu horizontal et l'image de fond du header */
#header {
	height: 135px;
	width:955px;
	}

/*******************************************
*            page               *
*******************************************/

#titre_mag{
color:#000000;
font-weight:bold;
padding: 10px;
width:200px;
text-align:center;
border:1px solid #3F4144;
margin-bottom:20px;
margin-top:20px;
margin-left:365px;
}
#mjour{
text-align:center;
font-weight:bold;
color:red;
font-size:14px;
padding-top:10px;
padding-bottom:10px;
background-color:#ffffff;
}
/* style oubli mot de passe */
	#mp h2{ margin-bottom:10px;}
	fieldset.field_mp{border: none; font-weight:bold;}
	form.form_mp{border: 1px solid #3F4144; padding:10px; width:900px; margin-left:15px; text-align:center;}
	input.email_mp{
		margin-top: 5px;
	width: 200px;
	background-color: #FFFFFF;
	border: thin solid #FFFFFF;
	background-image:none;
	}
	input.bouton_mp{		margin-top: 20px; background-color:#DBC8DE; color:#3F4144; font-weight:bold; border: 1px solid #3F4144;}

/* style pour mise en page du formulaire de connexion */
input{
background-color:#FFFFFF;
width:180px;
}
#fleur {
	background-color:#3F4144;
	width:400px;
	padding-top:20px;
	margin-left:275px;
	margin-bottom:35px;
}
p.rang1{
	color:#ffffff;
	font-weight:bold;

}
p.rang2{
	padding-bottom:10px;
	padding-top:10px;
}
p.rang3{
	color:#ffffff;
	font-weight:bold;
}
p.rang2 a{
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
p.rang2 a:hover{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}
span.label1{
margin-left:0px;
}

input.login{
	margin-top: 5px;
	width: 200px;
	background-color: #FFFFFF;
	border: thin solid #FFFFFF;
	background-image:none;
	}
input.pass{
	margin-top: 5px;
	width: 200px;
	background-color: #FFFFFF;
	border: thin solid #FFFFFF;
	background-image:none;}
span.memo{
margin-left:0px;
}
span.memo_int{
margin-left:10px;
}
input.check_login {
background-color:#3F4144;
width:30px;
}
p.bouton{

}
.boutonConnect {
	text-align: center;
	margin-left: 0px;
	margin-bottom:3px;
	height:20px;
	width:120px;
	background-color:#3F4144;
	color:#ffffff;
	font-weight:bold;
	border: 1px solid #ffffff;
	}

p.login_txt {
padding-left: 15px;
font-weight:bold;
color:#000000;
}
#list_mag{
	padding-top:10px;
	padding-bottom:30px;
	width:500px;
	margin-left:225px;
	margin-bottom:35px;
	background-color:#3F4144;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
#list_mag a{
color:#DBC8DE;
font-weight:bold;
text-decoration:none;
border: 1px solid #DBC8DE;
padding:5px;
}
#list_mag a:visited{
color:#DBC8DE;
font-weight:bold;
text-decoration:none;
border: 1px solid #DBC8DE;
padding:5px;
}
#list_mag a:hover{
color:#DBC8DE;
font-weight:bold;
text-decoration:underline;
border: 1px solid #DBC8DE;
padding:5px;
}
hr{
background-color:#FFFFFF;
margin-top:-10px;
}

/* ¨*******************************************/
/* rapport aux pages */
/* ********************************************/
#presentationG p{
	margin-top:10px;
	margin-bottom:10px;
	color: #000000;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	}
#presentationD label{
	color: #000000;
	font-weight:bold;
	font-style:italic;
	width: 400px;
	}
#txt label{
width:425px;
font-weight:bold;
	font-style:italic;
}
#Page1Photo1 img{
margin-bottom:10px;
}
#Page1Photo1 a{
	background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#Page1Photo2 img{
margin-bottom:10px;
}
#Page1Photo2 a{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#Page1Adresse2 {
	width: 200px;
	height: 80px;
	margin: 0px;
	padding: 0px 10px 10px 10px;
	color:#000000;
	font-style:italic;
	font-weight:bold;
	}
#Page1Adresse2 label{
	width: 200px;
	color:#000000;
	font-style:italic;
		font-weight:bold;
			font-style:italic;
	}
#div_decompte{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#photos p{
	margin-top:10px;
	margin-bottom:30px;
	color: #000000;
	text-align:center;
	font-weight:bold;
	font-style:italic;

	}
.image a{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
.image a:hover{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
text-decoration:underline;
}
#valider_1{
text-align:left;
margin-top:15px;
margin-left:240px;
}
#valider_1 input{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
}
/* page 2 */

#div_decompte_2{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_3{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_4{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_17{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#page2_col3 p{
		margin-top:10px;
	margin-bottom:30px;
	color: #000000;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	}
#page2_col2 label{
	color: #000000;
	font-style:italic;
	font-weight:bold;
	}
#Page2Photo1 a{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#Page2Photo2 a{
	background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#Page2Photo3 a{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#Page2Photo4 a{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#valider_2{
text-align:left;
margin-top:20px;
margin-left:120px;
}
#valider_2 input{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
}

/* page 3 */
#div_decompte_5{
border:none;
color:#ffffff;
text-align:right;
font-weight:normal;
width:350px;
font-size:10px;
}
#div_decompte_6{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_7{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_8{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#page3_col2 label{
	color: #000000;
	font-weight:bold;
	font-style:italic;
	}
#promo{
background-color:#4C7ECD;
color:#ffffff;
font-size:13px;
margin-top:40px;
margin-bottom:20px;
text-align:left;
width: 430px;
}
#valider_3{
text-align:left;
margin-top:20px;
margin-left:130px;
}
#valider_3 input{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
}

/* page 4 */
#div_decompte_9{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_11{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_12{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_13{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#page4_col2 label{
	color: #000000;
	font-weight:bold;
	font-style:italic;
	}
#page4_col3 label{
	color: #000000;
	font-weight:bold;
	font-style:italic;
	}
#valider_4{
text-align:left;
margin-top:20px;
margin-left:120px;
}
#valider_4 input{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
}

/* page 5 */
#div_decompte_14{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_15{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#div_decompte_16{
border:none;
color:#FF0000;
text-align:right;
width:345px;
}
#page5_col2 label{
	color: #000000;
	font-weight:bold;
	font-style:italic;
	}
#Page5Photo1{
text-align:center;
margin-left:-60px;
}
#Page5Photo1 p{
	color: #000000;
	font-weight:bold;
	font-style:italic;
}
#Page5Photo1 img{
margin-bottom:10px;
}
#Page5Photo1 h4{
font-style:italic;
margin-bottom:10px;
}
#Page5Photo1 a{
background-color:#3F4144;
font-weight:bold;
color:#ffffff;
}
#valider_5{
text-align:left;
margin-top:50px;
margin-left:120px;
}
#valider_5 input{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
}
/* page 6 */

#page6_rang2 form{
	float: left;
	padding: 10px 0px 10px 10px;
		margin-top:10px;
	color: #000000;
	width: 700px;
	font-weight:bold;
		border-left: 1px solid #3F4144;
	}
#page6_rang2 form fieldset{
	padding: 10px 0px 20px 10px;
	border:1px solid #DBC8DE;
	}	
#page6_rang2 form fieldset input{
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
	}
#page6_rang3{
	float: left;
	padding: 10px 0px 10px 10px;
	margin-top:10px;
	color: #000000;
	width: 700px;
	font-weight:bold;
	border-left: 1px solid #3F4144;
	}
h2.titre_coord{
	color:#3F4144;
	font-weight:bold;
	text-decoration:underline;
	margin-top:10px;
}
input.mod_contact{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
}
input.add_contact{
text-align:center;
background-color:#4C7ECD;
color:#FFFFFF;
width:200px;
font-weight:bold;
margin-top:50px;
}
table.listeContact{
border: 1px solid #4C7ECD;
}
table.listeContact tr td{
width:165px;
text-align:center;
}
table.listeContact2{
border: 1px solid #4C7ECD;
width:700px;
}
table.listeContact2 tr td{
text-align:center;
padding-bottom:10px;
}

/* pop up photo admin magasin */

#photo_admin {
border-left: 1px solid #3F4144;
padding-left:10px;
margin-top:10px;
margin-left:10px;
text-align:left;
	}
#photo_admin p{
text-align:left;
font-weight:bold;
font-size:12px;
font-style:italic;
color:#3F4144;
	}
.legende_admin a{
color:#000000;
font-weight:bold;
font-size:12px;
}
input.upload{
background-color:#3F4144;
color:#FFFFFF;
font-weight:bold;
margin-left:22px;
}
input.ok_button{
background-color:#3F4144;
color:#FFFFFF;
font-weight:bold;
}
input.modif_leg{
background-color:#3F4144;
color:#FFFFFF;
font-weight:bold;
}
/* voir en ligne */

#voir_ligne{
background-color:#FFFFFF;
text-align:center;
color:#000000;
font-style:italic;
padding:20px; 
}
#voir_ligne a{
color:#660066;
font-weight:bold;
}
#voir_ligne1{
float: left;
background-color:#FFFFFF;
text-align:left;
color:#000000;
font-style:italic;
padding:20px; 
}
#voir_ligne1 a{
color:#660066;
font-weight:bold;
}