.Links {   margin-left: 10; margin-right: 15; margin-top: 10; font-family: Geneva, Arial, Helvetica, san-serif; color: #EC2D2D; font-weight: bold; font-size: 12px}
.aForm   { margin-top: 5; font-family: Verdana; font-size: 8pt }
.text    { margin-top: 5; margin-left: 10; margin-right: 15; font-family: Arial; font-size: 11px; color: #000000 }
.text2    { margin-top: 0; margin-left: 10; margin-right: 0; font-family: Arial; font-size: 11px; color: #000000 }
.Links2 {   font-family: Geneva, Arial, Helvetica, san-serif; color: #EC2D2D; font-weight: bold; font-size: 12px; text-decoration:none}
a:link { color: #EC2D2D; text-decoration: none}
a:visited { color: #EC2D2D; text-decoration: none}
a:hover { color: #000000; text-decoration: underline}

#loginForm input { margin-left: 5; font-family: Verdana; font-size: 10px; width:102px;}

body {
  background-color: #CCCCFF;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-family: Arial, Verdana;
  font-size: 11px; 
  color: #000000
}



#carte{
border-style: none;
margin: 0px;
padding: 0px;
}
#carte img{
display: block;
margin: 0px;
padding: 0px;
}
#dom{
background-color: #0076BE;
width: 785px;
margin-left: 2px;
margin-top: 0px;
padding-top: 10px;
border-style: none;
}
#dom table{
padding-left: 20px;
}
#publication
{
  top : 25px;
  position : relative;
  left : 80px;
}

#publicationList
{
  position : relative;
  left : 50px;
  margin-top : 30px;

}

#publicationList div
{
  position : relative;
  margin-bottom: 15px;
  border-bottom :dashed 1px;
  width : 60%;
  padding : 0px;
  padding-bottom : 2px;
  padding-right : 25px;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}

#publicationList div a
{

  color: #000066;
}
#publicationList div a:hover
{

  color: #000066;
}

#publicationList div i
{
  font-family: Arial;
  font-size: 11px;
  color: #000000
}

#publicationList form
{
  float : right;
  /*
  position : relative;
  width : 50px;
  top : -18px;
  left : 90%;
/*	border :solid 1px;*/
  /*padding : 0px;
  margin : 0px;*/
}

select
{
   margin-left: 5; font-family: Verdana; font-size: 10px;
}

input
{
  margin-left: 5; font-family: Verdana; font-size: 10px;
}

h2
{
  color : #0165ab;
  margin: 15;
  padding-left : 30px;
  font-family: Arial;
  font-size: 15px;
  text-align : left;
  background-image: url('../images/arrowred.gif');
  background-repeat : no-repeat;
  line-height : 1.5;
}
.h2subTitle {  
		font-family: Arial;  
		font-size: 12px;
   	    color : #0165ab;
		padding-left : 60px;
		position : relative;
		top : -15px;
		}

h3
{
  color : #0165ab;
  margin: 15;
  font-family: Arial;
  font-size: 14px;
  text-align : center;
}


h4
{
text-align:center;
margin: 15;
margin-top: 25;
font-family: Arial;
font-size: 20px;
color: #000000
}



#paysInfoImg
{
  margin : 10px;
  margin-right : 15px;
  margin-top : 0px;
  float : left;
  /*border : 1px solid;*/
  width : 150px;
  height:100px;
}

#paysInfo
{
  font-family: Verdana; font-size: 11px;
  margin: 35px;
  margin-top: 35px;
  text-align:justify;
}

#regionInfo
{
  font-family: Verdana; font-size: 11px;
  margin : 10px;
/*	border : 1px solid;*/
}
#regionInfo div
{
  margin : 4px;
}


#regionInfo div div
{
  position :  relative;
  top : -16px;
  left : 50px;
  width : 450px;
}

.imgHorizontale
{
  width:120px;
  height:80px;
  border : 0px;
}
.imgVerticale
{
  width:80px;
  height:111px;
  border : 0px;
}

.text5    { margin-top: 10; margin-left: 10; margin-right: 15; font-family: Arial; font-size: 14px; color: #000000 }

.Styleb {
  color: #0165AB;
  font-weight: bold;
  font-size: large;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
}


#dom a
{
  color : white;
  text-decoration : none;
}

#dom a:hover
{
  color : red;
  text-decoration : none;
}

#dom img
{

  border : 0px;

}
#trashpub
{
  text-indent : -5000px;
}

.adressinput
{
  text-transform: uppercase;
}

select.adressinput
{
	width:15px;
}


/*.bg
{
  background: url('../images/bg.gif') repeat-x;
  margin:0px;
  padding: 0;
  height:22px;

  }
*/


ul#menu {
margin-top:0px;
margin-bottom: 0px;
padding-bottom: 2px;
padding-left: 10px;
margin-left:0px;
padding-top: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
list-style-type: none;
background: #0165ab;  

}
#menu li {
display: inline;
margin: 0 10px;
padding:0px;
}
#menu a {
color: #ffffff;
text-decoration: none;

}
#menu a:hover {
color: #000000;
}
#copyright
{
position: absolute;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding-left:5px;
padding-top:3px;

}


/*****************  pp  ****************/

div.grayRoundedBlock
{
  float : left;
  width: 38%;
  margin: 15px;
  margin-left : 4%;
  height:auto;
  padding: 8px 10px 8px 30px;
  text-align:left;
  border:0;
  background-color: #E6E7E8;
  font-family: Arial; font-size: 12px; color: #000000;
}

div.grayRoundedBlock span
{
  font-weight : bold;
}

div.grayRoundedBlock table {font-family: Arial; font-size: 12px; color: #000000;}

div#paiementButtonBlock
{
  width : 50%;;
  margin : 0px; padding : 0px;
  margin-left : 25%;
  /*border : 1px solid red;*/
  text-align : center;
}
div#cgvcheckbox
{
	font-family: Arial; font-size: 12px; color: #000000;  
    width : 80%;;
    margin : 10px 10%;
}

div#grayBigRoundedBlock
{
  width: 87%;
  margin-left:4%;
  margin-top : 0px;
}

.tableSelectAbonnement { 	width : 60%; font-weight : bold;}
.tableSelectAbonnement td { width : 40%; /*border : 1px solid blue; */}
.tableSelectAbonnement td.price { width : 20%; /*border : 1px solid red; */}

label
{
  width : 45%;
  font-weight : bold;
  text-align: right;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  float : left;
  /*border : 1px solid red;*/

}

label span
{
	font-size : 10px;
}

div.grayRoundedBlock input, div.grayRoundedBlock select 
{  
	margin:0px;   width:120px;  margin-left : 15px; 
}

div#grayBigRoundedBlock input, div#grayBigRoundedBlock select  { width : 180px; }

input#connectImage
{
  width : 56px;
  height : 46px;
}
input#submitImage, div#grayBigRoundedBlock input#submitImage
{ height:18px; width:100px; margin : 0px; padding : 0px;}


.orderInfo a  { color : black; }
#orderDetail
{
	position :absolute;
	margin-top : 20px;
	margin-left : 200px;
	width: 450px;
	border : 1px dotted #257898;
	background-color: white;
	padding : 2px;
	color : black;
	text-decoration : none;
	z-index : 15;
}

.orderInfo a:hover /*IE BUG*/
{
  background-color: #f7f7ff;
  position : relative;
}

.orderInfo a:hover span
{
	display : block;
    position : absolute;
}
.aOrder { color : #000;}
.aOrder:hover { color : #000; text-decoration : none; background-color : transparent; }

.detailOrderBloc
{
	position : absolute;
	border : 1px dotted #222;	
	display : none;
	background-color: #f4f4f4;
	z-index :5;
	padding : 2px 30px;
}

#quantityForm { margin:1px; padding : 0px; }
#quantityForm  input { margin: 0 0 0 5px; height:17px;  width:25px; }


#steps { 	font-family: Arial; font-size: 11px; color: #000000;  margin-left : 6px;}
	.stepSelected	{ font-weight : bold; }
	#steps  a { color: #000; text-decoration: underline}
	#steps a:hover { color: red; text-decoration: underline}

#hello 
{
 	margin-left : 20px;
 	font-family: Arial; font-size: 12px; color: white; color: #000000;
 	font-weight : bold; 	
}
#hello span { color : #0165ab;  font-style:italic;  }
#hello img { margin-right : 5px; display:inline; position:relative; top : 1px;}

/************************* LOGIN *****************/
#loginForm{ margin-top: 1px; margin-bottom : 0px; padding: 0;}
#forgotpwdLink{font-size:10px; margin-left:90px; margin-top:-5px;width:150px;    font-family: Arial;}
#forgotpwdLink a{ color: #000000;}


/**** Messages *****/
.msgError {color:red; }
.msgInfo {color:green; }
.msgWarning {color : orange; }



.msgError
{
  font-family: Arial; font-size: 11px; font-weight : bold;
  position : absolute;
  margin-left : 80px;
  margin-top: -7px;
}

.msgError ul,  li { margin : 0px; padding : 0px; 	list-style-type: none;}

#errorFrom
{
  position : relative;
}

.msgInfo { font-family: Arial; font-size: 13px; font-weight : bold;}

.msgWarning
{
  color : orange;
  font-family: Arial; font-size: 13px; font-weight : bold;
  margin: 0px 50px;
}

.msgError a, .msgWarning a  {color : #000;}
.msgError a:hover, .msgWarning a:hover {color : #EC2D2D;} 


#regionBackBlock
{ width: 676px;  margin: 0 50px 10px 60px; background-color: #CCCCFF;
padding : 5px 25px;  }
		
#amefaBackBlock {  width: 680px;  margin: 0; background-color: #CCCCFF;
padding : 5px 25px;  }


#cgv 
{ 
	font-family: Arial; font-size: 10px; color:#999; 
	text-align:justify;
	margin: 10px;
	background-color: white;
}
#cgv #maintitle { font-size: 13px; font-weight:bold; width:70%; margin-left:30%;}
#cgv .title { font-size: 11px; margin: 5px 0; font-weight:bold;}
#cgv .detail { margin-left : 5px;}
#cgv table { width:95%; font-size:11px; margin:5px 0 0 0; border:1px solid #999; 	border-collapse:collapse}
#ggv table tr{ border:1px solid #999;}
#cgv table  th { width:50%; font-weight:bold; border:1px solid #999;}
#cgv table  td { text-align:center; border-left:1px solid #999;}
#cgv .portDiv {margin: 8px 0;}
#cgv .portDiv span {font-size: 11px; text-decoration:underline; }
#cgv .portDiv td { border :1px solid; }

/******************* page abonnement *************************/
#commandRevueTitle { margin-left: 150px; margin-bottom : 0px; }
#commandRevue
{
    float: none;	
    width: 600px;
    margin-top : 0;
    margin-left: 100px;
    margin-bottom : 30px;
    background-image : url(../images/javelot.gif);
    background-repeat:   no-repeat;
    background-position:  90% 90%;
}

#commandNumeroTitle {margin-bottom : 0px; margin-left : 60px;}
#commandNumero
{
	width: 400px;
	margin-top : 0;
	margin-left : 45px;
	float: none;		
    margin-bottom : 30px;
}

#commandThemeTitle {margin-bottom : 0px; margin-left: 350px;}
#commandTheme
{
	float: none;	
	width: 400px;
    margin-top : 0;
	margin-left: 320px;
    margin-bottom : 30px;
    
}
#imgHurdler { float : right; } 
#pubAbonnementEnLigne { position:absolute; margin-left: 475px; top : 610px;}


/************* boutique.php ***********/
#catalog  { font-size:11px; }
#catalogSubMenu {margin: 15px 50px;  font-size: 13px; }
#catalogSubMenu img {width:128px}
#catalogSubMenu .title {font-size: 12px; font-weight:bold;}
#catalogSubMenu a.title:hover {text-decoration:none; }
#catalogSubMenu div.grayRoundedBlock {padding-left:10px;  text-align: center; width:25%; margin : 0 15px;}
#catalogSubMenu div.grayRoundedBlock img {margin:15px 0; border:0;}
#catalogSubMenu .desc {position:absolute; visibility:hidden; width:660px; text-align:justify;}
#catalogSubMenu #descriptions {margin: 15px 5px;}


#messageBlock { font-size: 12px; position: absolute;	background-color:#D0E3FA; 
			    text-align: center; width: 350px; height:85px; padding: 18px;
			     border:2px solid #0165AB; visibility:hidden; z-index:3;}	
	#messageBlock a {display:block;float: left; width:48%; border-top:1px solid #0165AB; margin-top:15px; padding-top:15px;}


#catalog .mainBlock{ width: 100%}
	#catalog .mainBlock .itemBlock {float:left; border:1px solid #aaa; width:23%; margin:6px; padding-bottom:15px; text-align:center;}
	#catalog .mainBlock .title  { font-size:12px; font-weight:bold;  width: 100%; background-color:#eee; margin-bottom: 15px; padding: 2px 0;}	
	#catalog .mainBlock img { width: 50px;}
	#catalog .mainBlock .right { float: right; width:50%; margin-right:4px;}
	
#catalog a.addToCart img, #packDetail a.addToCart img { border:0; width:100px; position:relative; left:15px; z-index:1;}
	
#catalog .TypeProduct {width:40%; margin: 0px 2%; padding: 20px 5px; float: left; border:1px solid black; text-align:center; height: 100px;} 
	
/********************* pack details popup ****************/
#packDetail { margin: 10px 15px; padding : 5px 10px; } 
#packDetail .numeroBlock{ margin: 8px 0; width: 30%; float: left;}
#packDetail #packTitle { border: 1px solid #666; margin-bottom: 20px; padding: 7px 15px; background-color:#eee; }
#packDetail img { width: 50px; margin-right:5px;}


/**************** displaycart.php **************************************/

#cart table { border: 2px solid #0165AB; border-collapse: collapse;
			width: 700px; margin: 0 45px; text-align:center;}
#cart table  th { border: 1px solid #0165AB; background-color: #D0E3FA; 
		font-family: Verdana; font-size:12px; padding:1px 5px;}
#cart table td { border: 1px solid #0165AB; background-color: #ffffff; 
				font-family: Geneva, Arial, Helvetica, san-serif; font-size:12px; padding:1px 5px;}
				
#cart table th.article {width: 380px;}
#cart table th.price { width: 45px;}
#cart table th.number { width: 100px;}
#cart table th.remove { width: 50px;}
#cart table td form { margin:3px 0; padding:0;}

#cart table#totalTable {   width: 400px; margin:15px 0px 0px 265px; }
#cart table#totalTable .totalprice { width: 45px; }
	
#cart #portInfo {font-size:10px; margin:2px 0 30px 265px; }

#cart #cardLink { text-align: right; margin-right: 100px;}
#cart #cardLink a {display:block; margin:0 0 10px 100px; float:right; text-align:center; }
#cart #cardLink a img {border:0;}

/**************** check.php *************/
#check table {width: 100%; border-collapse: collapse; margin-left:-15px; }
#check table th { text-align : left; padding-bottom : 10px; }
#check table .underline { border-bottom : 1px solid #555; }
#check table td { padding: 4px 2px; text-align:left;}
#check table .price { text-align:right;}

#check table#port { margin-top: 20px; }

#check table#total {background-color: #D0E3FA; margin-top: 3px; font-weight:bold;}
#check table#total small { font-weight:normal; }


/********************** **********************************/
#orderhistory {	width: 100%; border-collapse:collapse; /* border: 2px solid #0165AB;*/
				margin-bottom: 10px; text-align: center;}
	#orderhistory th {  height:30px; border-bottom: 1px solid #0165AB; }
	#orderhistory th.content { width: 40%;}
	#orderhistory td {height:25px; border-bottom: 1px dotted #0165AB; padding: 6px 2px; }
	
/********************** **********************************/
#panier {
position:absolute;
top: 188px;
margin-left: 616px;
width: 170px;
height: 50px;
background-image: url('../images/panier_template1.gif');

/*couleur du lien #2AB5D8 */
}
#texte_panier
{
display:block;
position:relative;
font-family: arial,tahoma;
font-size: 11px;
margin-top: 28px;
margin-left: 39px;

}
#texte_panier a{
font-family: arial, tahoma;
font-size: 11px;
font-weight: bold;
color: #2AB5D8;

}

#grisage {
top: 0px;
left: 0px;
position:absolute;
background-color:#000;opacity:0.5;-moz-opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
visibility:hidden;
z-index:2;

}
 /*png transparent sous IE 6*/
/********************************************/
/*[css] img, #grisage  behavior : url(iepngfix.htc) ;*/