body
{
	width:980px;			
	background-color : #2A7698;
	padding : 10px;
/*	margin : 1px;*/
	overflow :auto;
	border : none;
	margin : auto;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	COLOR: #4c4c4c;
	font-size:62.5%;
	text-align:center;
	
}

div, span, select, p, input,li,ul,button
{
	margin : 0px;
	padding : 0px;
}	


#site-conteneur
{
width : 980px;
border : 0px;
margin : 5px auto;
padding : 10px;
overflow :hidden;
text-align :left;
background-color : #FFFFFF;
}


#header-link
{
	margin-top:100px;
	margin-left:100px;
	display : block;
	height:84px;
	width :90px;
	cursor :pointer;
	z-index: 1000;
}	


a
{
	color :#00396B;
	text-decoration :none;
}	

ul
{
padding : 0px 0px 0px 0px;
margin : 0px 0px 0px 0px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


p
{
	font-size:1.2em;
}	


button, input.submit
{
	cursor :pointer;
	font-size : 12px;
	color :#00396B;
	text-align :center;
}	


input
{
font-size:1em;
color :#00396B;
}	

input.date
{
font-size:1em;
color : #AAAAAA;
}	

input.Asfocus
{
font-size : 1em;
color : black;
}	

h1
{	font-size:22px;
	padding-left : 10px;
	margin-top : 20px;
	color:#2B7598;
}	


h3
{
	padding-left : 20px;
	color:#2B7598;
}

STRONG {
	COLOR: #000000
}

A {
	BORDER-BOTTOM: #97c8e5 1px dotted; COLOR: #308ac0
}
A:hover {
	COLOR: #005880; TEXT-DECORATION: none;
}
/*-------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------------------*/
/*------------------------------------ Entete --------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

#BandeauSuperieur
{
	background-color : transparent;
	/*background : #FFFFFF url('../img/limoges.png') repeat-x scroll left top;*/
/*	background-color : red;*/
	padding :1px 0px 0px 0px;
	display : block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	height :209px;
	vertical-align :bottom;
	margin-bottom : 0px;
}


div.fildariane						
{
	height : 20px;
	padding:4px 5px 1px 5px;
	border-right :0px solid #A4C9E9;
	background : #1AACE7 none no-repeat scroll left top;
	margin : 0px;
	margin-bottom : 0px;
	
}

a.fildariane ,
a.fildariane:link ,
a.fildariane:hover ,
a.fildariane:active ,
a.fildariane:visited:active ,
a.fildariane:visited ,
a.fildariane:visited:hover 
{
	font-size : 1.1em;			
	color:white;
	text-decoration : none;
	border : 0px;
}






/*----------------------------------------------------------------------------------------*/
/*-----------------------------------------Menu --------------------------------------*/
/*----------------------------------------------------------------------------------------*/


#Menu
{
	float :left;
	height:720px;
	min-height : 720px;
	background : #FFAC16 none repeat-x scroll left top;
	border : 0px solid blue;
	border-bottom : 1px solid #FFAC16;
	margin-top:0px;
	width : 210px;
	display : block;
	padding : 0px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	
}



a.lienMenu ,
a.lienMenu:visited:active ,
a.lienMenu:visited ,
a.lienMenuPrive ,
a.lienMenuPrive:visited:active ,
a.lienMenuPrive:visited ,
a.lienMenuPriveselected ,
a.lienMenuPriveselected:visited:active ,
a.lienMenuPriveselected:visited
{
color:white;
background:transparent none no-repeat scroll left top;
padding : 0px 0px 0px 10px;
text-decoration : none;
font-weight : bold;
border : 0px;
}	

a.lienMenu:hover ,a.lienMenuPrive:hover ,a.lienMenuPriveselected:hover  
{
color: #d7d7bd;
border :0px;       
}



a.lienPanier ,
a.lienPanier:visited:active ,
a.lienpanier:visited
{
color : #297595;
background:transparent none no-repeat scroll left top;
padding : 0px 0px 0px 10px;
text-decoration : none;
font-weight : bold;
border : 0px;
}	


a.lienMenuselected ,
a.lienMenuselected:visited:active ,
a.lienMenuselected:visited
{
color :white;		
font-weight:bold;
background:transparent none no-repeat scroll left top;
padding : 0px 0px 0px 10px;
text-decoration : none;
}


a.lienSousMenu ,
a.lienSousMenu:visited:active ,
a.lienSousMenu:visited
{
color :#43565E;	
background:transparent none no-repeat scroll left top;
padding : 0px 0px 0px 10px;
text-decoration : none;
font-weight :normal;
}	

a.lienSousMenu:hover,
a.lienSousMenu:visited:hover
{
color:#15487C;
font-weight : bold;
}

a.lienSousMenuselected ,
a.lienSousMenuselected:visited:active ,
a.lienSousMenuselected:visited
{
color:#15487C;
font-weight:bold;
background:transparent none no-repeat scroll left top;
padding : 0px 0px 0px 10px;
text-decoration : none;
}

ul.Menu
{
	padding-left : 0px;
	padding-top : 2px;
	margin-top :20px;
	background:transparent none no-repeat scroll left top;
	height : 480px;
}

.Panier
{
margin : 10px 0px 0px 12px;
/*padding-bottom : 20px;*/
padding-top : 2px;
background : transparent url('../img/background-panier.gif') no-repeat scroll left top ;
width : 180px;
height : 140px;
padding-left:5px;
display : block;
color : #297595;
}


.Inscription_web
{
margin : 10px 0px 0px 10px;
padding-bottom : 20px;
background : transparent none no-repeat scroll center bottom ;
width : 190px;
height : 110px;
padding-left:5px;
display : block;
}

.login
{
margin : 10px 0px 0px 10px;
padding-bottom : 20px;
background : transparent none no-repeat scroll center bottom ;
width : 180px;
height : 160px;
padding-left:5px;
color:white;
display : block;
}


.Item_boutique
{
margin : 0px 0px 0px 12px;
padding-bottom : 10px;
padding-top : 2px;
background : #2A7698 url('../img/topmenu.gif') no-repeat scroll center top ;
width : 180px;
height : 155px;
padding-left:5px;
color :white;
display : block;
}


.Item_boutique2
{
margin : 0px 0px 0px 12px;
padding-bottom : 10px;
background : #2A7698 url('../img/bottommenu.gif') no-repeat scroll bottom center ;
background-repeat : no-repeat;
width : 180px;
height : 35px;
padding-left:5px;
display : block;
}



/*----------------------------------------------------------------------------------------*/
/*-------------------------------------Corps----------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

/*----------------------------------------div---------------------------------------------*/

#Corps
{
	height:720px;
	min-height : 720px;
	background : #FFFFFF none repeat-y scroll left top;
	border-top : 0px;
	border-right : 0px solid #A4C9E9;
	margin-top:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display : block;
	padding-left : 10px;
	float :left;
	width:690px;
	color : #4C4C4C;
}

#Corps h1
{
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
	/*FONT-SIZE: 14px; */
	FONT-WEIGHT: bold;
}	

#Corps h2
{
	BORDER-BOTTOM: #cccccc 1px dashed; TEXT-TRANSFORM: uppercase;
}	


#Corps h3
{
padding-top : 8px;
}

div.paragraphe
{
	text-align : left;	
	/*width : 600px;*/
	background-color :transparent;
	border :0px solid blue;
	padding : 10px;
}

.paragraphe div
{font-size :1.1em;
}

p.chapeau {
font-size:13px;
margin-bottom:15px;
padding-left:30px;
}





/*------------------------------------LISTES--------------------------------------------*/



ul.liste
{
margin-top : 30px;
}

ul.liste li
{
margin-bottom : 30px;
}

.listElement
{
	width : 330px;
	background: transparent url("../img/carte.png") no-repeat scroll top right;
	height : 160px;
	padding-top :20px;
	padding-left :0px;
	padding-bottom : 8px;
}


ul.listeElementBtnContainer
{
	margin-left : 20px;
}




ul.listeElementBtnContainer li a
{
	font-size :.9em;			
	text-decoration : none;
	font-size:11px;
	font-weight :normal;	
	display :block;
	float :left;
	height : 30px;
	line-height : 30px;
	vertical-align:bottom;
	margin : 0px 3px 0px 3px;
	text-align : center;
	width : 95px;
	border : 0px;
}	

ul.listeElementBtnContainer li a:hover,
ul.listeElementBtnContainer li a:visited:hover
{
color:#43B9E7;
}
	

a.lienRecharger ,
a.lienRecharger:link ,
a.lienRecharger:active ,
a.lienRecharger:visited:active ,
a.lienRecharger:visited 
{
	background:transparent url(../img/bouton_carte.gif) no-repeat scroll left top;
}		

a.lienRecharger:active ,
a.lienRecharger:visited:active 
{
	background:transparent url(../img/bouton_carte.gif) no-repeat scroll left top;
}		

a.liensupprimer ,
a.liensupprimer:link ,
a.liensupprimer:visited
{
	background:transparent url(../img/bouton_carte.gif) no-repeat scroll left top;
}		

a.liensupprimer:active ,
a.liensupprimer:visited:active 
{
	background:transparent url(../img/bouton_carte.gif) no-repeat scroll left top;
}		

a.lienDetruire ,
a.lienDetruire:link ,
a.lienDetruire:visited 
{
	background:transparent url(../img/bouton_carte.gif) no-repeat scroll left top;
}		

a.lienDetruire:active ,
a.lienDetruire:visited:active 
{
	background:transparent url(../img/bouton_carte.gif) no-repeat scroll left top;
}	


.listeElementTexte
{
	border :0px solid;
	font-size :1em;
	margin-left:0px;
	padding-top:10px;
	text-align:left;
	height:107px;
	width : 220px;
	float :left;
	margin-bottom : 0px;
}

.listeElementImgContainer
{
	float :left;
	width : 105px;
	height:50px;
	padding-top : 20px;
	margin-left:0px;	
	background : transparent url('../img/lire.gif') no-repeat scroll left center;
	margin-top : 15px;
	border : 0px solid blue;
}	

.listeElementImage
{
	width : 53px;
	height:42px;
	background-color : transparent;
	visibility : visible;	
	border :1px solid blue;
}	


.imageContratContainer
{
	float :left;
	margin-left : 80px;
	width : 50px;
	height:	50px;
}

.imageContratOk
{
	width :32px;
	height:32px;
	margin :5px 10px 5px 20px;
	background-image : url(../img/check.png);
	float :left;	
}

.imageContratKo
{
	width :32px;
	height:32px;
	margin :5px 10px 5px 20px;
	background-image : url(../img/obsolete.png);
	float :left;
}	

a.lienDetail ,
a.lienDetail:link ,
a.lienDetail:active ,
a.lienDetail:visited:active ,
a.lienDetail:visited 
{
	width : 70px;
	height:20px;	
	display :block;
	text-align :left;
	padding-left:4px;
	padding-top :32px;
	border :0px;
	font-size:12px;
}


/*----------------------------Table----------------------------------*/

table
{
border-collapse:collapse;
border-spacing : 0px;
margin-left:10px;
margin-right : 10px;
width :99%;
}	



.enteteTable
{
	white-space : nowrap;
	padding :2px;
	background : #FFAC16 none repeat-x scroll left top;
	font-weight : bold;
	text-align:center;
	
}	

tr
{
	height :40px;
	line-height : 40px;
}

.cellTable
{
	white-space : nowrap;
	padding:1px;
	text-align :center;
	font-size : 0.8em;
}


a.lienTable ,
a.lienTable:link ,
a.lienTable:visited 
{
	padding: 1px;
	text-decoration : none;
}

a.lienTable:hover ,
a.lienTable:active ,
a.lienTable:visited:active ,
a.lienTable:visited:hover 
{
color:#43B9E7;	
}


.divProduit
{
	background:transparent url(../img/produit.png) no-repeat scroll center top;
	margin-top :15px;
	height : 75px;
	text-align :left;
	padding : 10px 20px 10px 30px;
	cursor :pointer;
	font-size : 0.9em;
	text-decoration : none;
	font-weight :bold;	
	
}


.divProduit a, .divProduitOver a
{
color : #4c4c4c;
border  : 0px;
}



.divProduitOver 
{
	background:transparent url(../img/produit.png) no-repeat scroll center top;
	margin-top :15px;
	height : 60px;
	text-align :left;
	padding :20px;
	padding-left : 40px;
	cursor :pointer;
	font-size : 0.9em;			
	text-decoration : none;
	font-weight :bold;	
}


.divProduit2
{
	background:transparent url(../img/produit2.png) no-repeat scroll center top;
	margin-top :15px;
	height : 105px;
	text-align :left;
	padding : 10px 20px 10px 30px;
	font-size : 0.9em;
	text-decoration : none;
}






.colonne
{
float  :left;
width : 33%;
border-right :0px solid #D8E1E4;
font-size :1.3em;
}

.colonne_droite
{
float  :left;
width : 33%;
border-right :0px;
font-size :1.3em;

}

.FormColonne1
{
width : 230px;
height:270px;
float:left;
border : 0px solid blue;
text-align : left;
padding-top:20px;
}

.FormColonne2{
margin-left: 240px;
width : 230px;
height:270px;
border : 0px solid blue;
text-align : left;
padding-top:20px;
padding-left:5%;
}
             
#cpweb 
{
float :left;
border :0px solid blue;
width : 240px;
background :transparent url('../img/user_card.gif') no-repeat scroll left top;
margin-left:20px;
padding-left: 50px;
padding-top : 15px;
margin-top : 20px;
}

#cpcli
{
border :0px solid blue;
float :left;
width : 260px;
margin-left:50px;
padding-left: 50px;
background :transparent url('../img/user.gif') no-repeat scroll left top;
padding-top : 15px;
margin-top : 20px;
}

/*---------------------------------------------------------------------------------------*/
/*-------------------------------colonne droite------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

#right-col {
background:#FFFFFF none repeat scroll 0 0;
float:left;
width:70px;
border-right:0px solid #A4C9E9;
border-bottom : 1px solid white;
height:720px;
min-height : 720px;
}

/*-----------------------------------------------------------------------------------------*/
/*----------------------------------- pied de page ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/


#Pied
{
	clear :both;
	background:transparent url('../img/background-footer.gif') scroll no-repeat left top;
	display : block;
	width : 980px;
	height :77px;
}


.paragraphe_pied_page
{
	text-align :center;
	color :white;
	display : block;
	padding : 15px 0px 10px 0px;
	height : 20px;
}

a.piedpage ,
a.piedpage:link ,
a.piedpage:hover ,
a.piedpage:active ,
a.piedpage:visited:active ,
a.piedpage:visited ,
a.piedpage:visited:hover 
{
	padding-left : 2px;
	padding-right : 2px;
	color:white;
	text-decoration : none;
	border:0px solid blue;
}