@charset "utf-8";
@font-face {
 font-family: SF_New_Republic_Bold;
 src: url("font/SF_New_Republic_Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: SF_New_Republic_Bold;
 src: url("font/SF_New_Republic_Bold.ttf") /* TTF file for CSS3 browsers */
}

html,body { 
	margin-top:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	/* background:#CDECF3; */
	height:100%;
	line-height:1.2;
	
} 

body{
	background-color:#FFFFFF;
	background-image:url(../images/fond-degrade.gif);
	background-repeat:repeat-x;
	background-attachment:fixed;	
	margin:0px;
	text-align:left; 
}

/* Pour IE qui met un margin pou*/
form,input{ 
	margin:0px;
/* background:#CDECF3; */
} 

img{
	border:0;
}
a{
	color:#F37320;
	text-decoration:none;
}

a:hover{

	text-decoration:underline;
}

h1{
	margin:0px;
}
/* CSS Document */
#home{
	width:990px;
	margin-left:auto;
	margin-right:auto;
	
}
#entetePage{
	height:130px;
	width:980px;	
	background-image:url(../images/home.png);
	background-repeat:no-repeat;		
	margin-left:auto;
	margin-right:auto;

}
#logo{

}
#espaceUtilisateur{
	background: -moz-linear-gradient(center top , #E4E4E4, #FFFFFF 40%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left center, from(#eee8e8), to(#FFF));
  	-pie-background: linear-gradient(#E4E4E4, #FFF 30%);
   
    border: 1px solid #E4E4E4;
    border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    
   
    box-shadow: 0 0 6px #666666;
    -moz-box-shadow: 0 0 6px #666666;
    -wekbit-box-shadow: 0 0 6px #666666;
     
    
    color: #A19C9F;
    height: 100px;
    margin-left: 680px;
    position: absolute;
    width: 270px;
    behavior: url(../css/PIE.htc);
}
#espaceUtilisateur span:first-child {
    color: #F37320;
    display: block;
    font-family: SF_New_Republic_Bold;
    font-size: 20px;
    margin-top: 4px;
    margin-left:7px;
    
}

#fondNoir{
	display:none;
	position:absolute;
	width:100%;
	height:200%;
	background-color:#000000;
	opacity:0.45;
	filter:alpha(opacity=45); 
	z-index:2;
	left:0px;
	
	
}
#envoieMdp{
	position:absolute;
	width:550px;
	margin-left:-250px;
	left:50%;
	height:60px;
	top:50%;
	margin-top:-100px;
	background-color:#cdebf3;
	border:2px solid  #D72479;
	padding:20px;
	z-index:4;	
	-moz-box-shadow:5px 5px 5px #bcbcbc;
	-webkit-box-shadow:5px 5px 5px #bcbcbc;	
	border-box:5px 5px 5px #bcbcbc;	
	
	display:none;
	background: url(../images/degrade.gif);
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;	
}


#champsConnexion{
	
	margin-left:5px; 
	width:275px;
	
}

#espaceUtilisateur  #mdpOublie{
	margin-top:6px;
	margin-left:-7px;	
	width:150px;

}

div#btnConnexion{
    margin-left: 172px;
    margin-top: 75px;
  
    position: absolute;
}



#bordsCorpsPage{
	background:url(../images/fond.png);
	margin-left:auto;
	margin-right:auto;
	width:990px;
	padding-top:5px;
}
#corpsPage{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;	
	z-index: 1;
}
.corps{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

.corps h2{
	margin:0px;	
}
.corps p{
/*	margin:0px; */
	
}
ul.titre li{
	margin-top:20px;
	margin-bottom:20px;
	
}

ul.titre p{
	margin:0px;
	
}


#corpsDroite{
	width:775px;
	float:right;
	
}

#piedPage{
	color:#FFFFFF;
	background-color:#FCFCFC;
	clear:both;
	z-index:1;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	/*box-shadow: 0px 0px 5px #dcdcdc;*/
	height:155px;

}
#piedPage img{
	margin-bottom:10px;
}
#piedPage ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-indent:0px;
	padding: 0 ; /* pour Firefox */
	margin: 0 ; /* pour IE */	
	border-left:1px solid #d1d1d1;
	min-width: 125px;
	padding-left:4px ;
	padding-right:4px ;
	line-height: 1.2em;
	padding-top:4px; 
	float: left;
	height: 110px;
}

#piedPage .first{
	border:  none;
}


#piedPage li:first-child{
	color:#6b6b6b;
	font-weight:bold;	
	font-size: 11px;
	list-style-type:none;
	margin-bottom: 10px;

}

#piedPage li{
	margin-left:0px;
	color:#6b6b6b;
	font-size:10px;
	margin: 0 3px; /* pour IE */
	padding: 0 ; /* pour Firefox */
	
	list-style:none;
}
#piedPage a{
	margin: 0 ; /* pour IE */
	padding: 0 ; /* pour Firefox */
	color:#555;
}
#piedPage a:hover{
	/*color:#FFFFFF;	*/
	text-decoration:underline;
}


.puce{
	list-style-type:cjk-ideographic;
	list-style:inside;
	list-style-position:outside;
	margin:0px;
	margin-left:-25px;
}

/********************************************************************************/
/* 						FIN GESTION DU MENU DE GAUCHE 							*/
/********************************************************************************/

.bordOrange{
	border-collapse:collapse;			
	padding:2px;	
	border:1px solid #F37320;	
}

.bordMauve{
	border-collapse:collapse;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	border: 1px solid #D72479;
	
	
}

input#login , input#password{
	width:160px;
	height:11px;
	font-size:11px;

}

.tableau{
	border-collapse:collapse;		
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	border:1px solid #F37320;	
}
.tableau_tr{
	border-collapse:collapse;		
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	border:1px solid #F37320;
		
}

.tableau_td{
	border-collapse:collapse;		
	margin-left:auto;
	margin-right:auto;
	padding:2px;	
	border:1px solid #F37320;
	
}

.tableau_th{
	border-collapse:collapse;		
	margin-left:auto;
	margin-right:auto;
	padding:2px;	
	border:1px solid #F37320;
	
}

.bordOrangeFondRose {
	border:1px solid #F37320;
	background-color:#FFDECA;
	padding-top:3px;
	padding-bottom:3px;
	
}

.bordOrangeFondRoseFonce {
	border:1px solid #F37320;
	background-color:#FFAAAA;
	padding-top:3px;
	padding-bottom:3px;

	
}

.bordOrangeFondOrange {
	border:1px solid #F37320;
	background-color:#FFFFAA;
	padding-top:3px;
	padding-bottom:3px;

	
}
.bordOrangeFondOrangeFonce {
	border:1px solid #F37320;
	background-color:#FD9900;
	padding-top:3px;
	padding-bottom:3px;

	
}
.pointer{
	cursor:pointer;
}
h2{
	font-size:16px;
	margin-left:10px;
	color:#D72479;
	list-style:disc
}
p{
	text-align:justify;

}

p.retour{
	text-align:center;

}

ul.enumFonctions{
	list-style:circle
}
ul.enumFonctions li{
	margin:0px;
}


div.tarifs{	
	text-align:center;
	background-image:url(../images/fondTarifs.gif);
	background-repeat:no-repeat;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	width:180px	;	
	border:1px solid white;
}

div.tarifs p{	
	padding:0
}


#windowDemo{
	width:980px;
	height:550px;
	position:fixed;
	background-color:#FFFFFF;
	border:2px solid #D72479;
	display:none;
	left:50%;
	margin-left:-495px;
	top:50%;
	margin-top:-275px;
	z-index:3;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#windowDemo img.close{
	float:right;
	margin-top:5px;
	margin-right:5px;
	cursor:pointer;
	
}

#windowDemo h1{
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#D72479;
		
}

#windowDemo #selection{
	width:200px;
	height:450px;
	float:left;
	border:1px solid #D72479;
	margin-left:25px;
}

#windowDemo #ecran{
	width:700px;
	height:500px;
	border:1px solid #D72479;
	float:left;
}
#selection ul{
	list-style-type:none;
	margin-left:0;
	text-indent:0;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F37320;
	font-weight:bold;
	padding:0px;
}
	
#selection li{
	list-style-type:none;
	margin-left:0;
	padding:5px;
	cursor:pointer;
}
	
div#presentationLivreDroite{
	float:right;
	margin-right:10px;
	margin-left:20px;
	width:145px;
text-align:center;
}
ul.price {
    background: none repeat scroll 0 0 #F6F6F4;
    border: 1px solid #E0DFDD;
    margin: 0 auto;
    padding: 3px;
    text-align: center;
    width: 95px;
	
    font-size: 0.8em;
	list-style:none;

	margin-top:5px;
}

.roundCorner {
    border-radius: 5px 5px 5px 5px;
}
li.prixremise span {
    color: #FF6606;
    display: block;
    font-size: 1.9em;
    font-weight: bold;
}


a.arrow{
	 background:url(../images/boutons/fleche.gif) no-repeat center left;
	 padding-left:15px;
	 font-weight: bold;
}
#profil {
   margin-top:22px;
   padding-bottom:5px;
}

#profil table{
   margin: 0 auto 0 15px;
    width: 959px;
	
}
#profil table a{
	padding:0;
	background: none;
	
}


