@charset "utf-8";
/* CSS Document */

body{
	background:url(images/fondBody.jpg) repeat-x;
	margin:auto;
}
.texte_option {
	font-family: 		Cambria;
	font-size:			13px;
	vertical-align :	top;
	padding-left :		10px;
}
p{
	padding:0px;
	margin:0px;
}
input{
	padding:0px;
	margin:0px;
}
a{
	padding:0px;
	margin:0px;
}
/*//////////////////////////////////
			HEADER
///////////////////////////////////*/
#header{
	width:1024px;
	height:167px;
	background:url(images/fondHeader.png) no-repeat ;
	margin:auto;
}
#fondAnime{
	background:url(/images/header/1.png) top center no-repeat;
    padding-top:100px;
	padding-left:18px;
	height:126px;
	width:989px;
}
#fondAnime .placeLogo{
	background: url(images/fondMenu.png) no-repeat;
	width:969px;
	height:133px;
	/*position:absolute;*/
    float:left;
	margin-top: -68px;
	margin-left: 40px;
    /*left:219px;*/

}

#cliquezmoi3 {
    float:left;
    width: 450px;
    height: 130px;
    cursor: pointer;   
    /*border: 1px solid red;*/
}

.placeLogo .droite{
	background: url(images/fondCOMPTE.png) no-repeat;
	float:right;
	width:432px;
	height:85px;
	margin-top:32px;
	padding-left:10px;
	margin-right:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.droite .menu{
	float:left;
	width:415px;
	height:18px;
	padding-left:18px;

}
.droite .menu ul{
	padding:0px;
	margin:0px;
}
.droite .menu ul li{
	float:left;
	list-style:none;
	margin-left:1px;

}
.droite .menu ul li a{
	background: url(images/fondBtnMenu.png) no-repeat bottom;
	width:98px;
	height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	font-size:10px;
	text-align:center;
	line-height:20px;
	margin-right:2px;
}
.menu .compte{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-right:15px;
	
}
.menu .compte a{
	color:#FFF;
	text-decoration:none;
	line-height:20px;
	font-size:12px;
}

.droite .menu ul li a:hover{
	background:url(images/fondBtnMenuHover.png) no-repeat;
	color:#FFF;
}

.droite .menu ul .li_tchat a{
	background: url(images/fondBtnMenu.png) no-repeat bottom;
	width:98px;
	height:18px;
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	font-size:10px;
	text-align:center;
	line-height:20px;
	margin-right:2px;
}

.droite .menu ul .li_tchat a:hover{
	background:url(images/fondBtnMenuChatHover.png) no-repeat;
	color:#FFF;
}

.droite .menu ul .li_tchat_hover a{
	background:url(images/fondBtnMenuChatHover.png) no-repeat;
	color:#FFF;
}

.droite .txt{
	font-size:11px;
	height:14px;
	margin-top:20px;
	vertical-align: middle;
	
}
.droite .txt2{
	font-size:11px;
	height:14px;
	margin-top:-5px;
	vertical-align: middle;
}
.droite .champs{
	float:left;
	width: 295px;
	font-size:11px;
	padding-top:3px;
}

.droite .champs .champ_connexion {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.champs_connecte{
	float:left;
	font-weight: normal;
	width:400px;
	font-size:11px;
	padding-top:3px;
	color: #FFFFFF;
}
.lien_connecte {
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
.lien_connecte:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
}
.lien_non_connecte {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
.lien_non_connecte:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}

.droite .btnOK {
	padding-top:0px;
	padding-left:5px;
}
.droite .btnOK a img{
	border:none;
}

/*//////////////////////////////////
			CONTAINER
///////////////////////////////////*/
#container{
	margin:auto;
	width:1024px;
}

#colGauche{
	float:left;
	margin-left:63px;
	width:127px;
	margin-top:15px;
	border: 0px solid blue;
}

#colGauche .ouvertureHaut{
	background:url(images/haut1.gif) no-repeat;
	width:127px;
	height:5px;
}
#colGauche .ouvertureMilieu{
	background:url(images/millieu1.gif) repeat-y;
	width:119px;
	padding-left:8px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#colGauche .ouvertureMilieu .titreOuverture{
	background:url(images/fondBox.gif) no-repeat;
	width:111px;
	height:47px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	padding-top:2px;
	color: #87BF04;
}
#colGauche .ouvertureBas{
	background:url(images/bas1.gif)  no-repeat;
	width:127px;
	height:5px;
}
/**/
#colGauche .selectionHaut{
	background:url(images/haut1.gif) no-repeat;
	width:127px;
	height:5px;
	margin-top:30px;
}
#colGauche .selectionMilieu{
	background:url(images/millieu1.gif) repeat-y;
	width:119px;
	padding-left:8px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#colGauche .selectionMilieu .titreSelection{
	background:url(images/fondBox.gif) no-repeat;
	width:111px;
	height:47px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	padding-top:2px;
	color: #E79703;
	margin-bottom:10px;
}
#colGauche .selectionMilieu .lapin{
	margin-top:5px;
	text-align:center;
	margin-right:15px;
}

#colGauche .selectionMilieu .btnStandG{ background:url(images/fondBTNGauche.png) no-repeat; width:10px; height:24px; float:left;}
#colGauche .selectionMilieu .btnStandM{ background:url(images/fondBTNMillieu.png) repeat-x; height:24px; float:left; line-height:22px; text-align:center;}
#colGauche .selectionMilieu .btnStandM a{ text-decoration:none; color:#000;}
#colGauche .selectionMilieu .btnStandD{ background:url(images/fondBTNDroite.png) no-repeat; width:10px; height:24px; float:left;}
#colGauche .selectionBas{
	background:url(images/bas1.gif)  no-repeat;
	width:127px;
	height:5px;
}
/**/
#colGauche .conseilHaut{
	background: url(images/haut.gif) no-repeat;
	width:127px;
	height:5px;
	margin-top:30px;
}
#colGauche .conseilMilieu{
	background: url(images/millieu.gif) repeat-y;
	width:127px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#colGauche .conseilMilieu a img{
	border:none;
	margin-top:10px;
}
#colGauche .conseilBas{
	background:url(images/bas.gif)  no-repeat;
	width:127px;
	height:5px;
}

/*/////////COL MILIEU///////////////*/

#colMilieuTitre{
	float:left;
	margin-top:15px;
	width:520px;
	height:138px;
	margin-left:17px;
    border: 0px solid blue;
}

#colMilieuTitre h1{
	text-align: center;
	font-size: 15px;
}

#colMilieu{
	float:left;
	width:620px;
	height:500px;
	margin-left:25px;
    background: url(/images/fondContainer.png) no-repeat;
    border: 0px solid blue;
}

#colMilieuChat{
	float:left;
	margin-top:15px;
	width:620px;
	height:500px;
	margin-left:25px;
	border: 0px solid blue;
}

#colMilieu2{
	float:left;
	margin-top:15px;
	width:550px;
	margin-left:20px;
	border: 0px solid blue;
}


/*/////////COL DROITE///////////////*/

#colDroite{
	float:right;
	width:127px;
	margin-right:55px;
	margin-top:-138px;
	border: 0px solid blue;
}
#colDroite .suggestionHaut{
	background:url(images/haut1.gif) no-repeat;
	width:127px;
	height:5px;
}
#colDroite .suggestionMilieu{
	background:url(images/millieu1.gif) repeat-y;
	width:119px;
	padding-left:8px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#colDroite .suggestionMilieu .titreSuggestion{
	background:url(images/fondBox.gif) no-repeat;
	width:111px;
	height:47px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:18px;
	padding-top:2px;
	color: #87BF04;
	margin-bottom:10px;
}
#colDroite .suggestionMilieu .trait{
	color:#FFF;
}
#colDroite .suggestionMilieu .livraisonTxt{
	text-align:center;
	margin-right:10px;
}
#colDroite .suggestionMilieu .btnStandG{ background:url(images/fondBTNGauche.png) no-repeat; width:10px; height:24px; float:left; margin-left:7px;}
#colDroite .suggestionMilieu .btnStandM{ background:url(images/fondBTNMillieu.png) repeat-x; height:24px; float:left; line-height:22px; text-align:center;}
#colDroite .suggestionMilieu .btnStandM a{ text-decoration:none; color:#000;}
#colDroite .suggestionMilieu .btnStandD{ background:url(images/fondBTNDroite.png) no-repeat; width:10px; height:24px; float:left;}

#colDroite .suggestionBas{
	background:url(images/bas1.gif)  no-repeat;
	width:127px;
	height:5px;
}
/**/
#colDroite .sugRestoHaut{
	background: url(images/haut.gif) no-repeat;
	width:127px;
	height:5px;
	margin-top:30px;
}
#colDroite .sugRestoMilieu{
	background: url(images/millieu.gif) repeat-y;
	width:127px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#colDroite .sugRestoMilieu .C{
	width:127px;
	height:35px;
	margin-top:3px;
}
#colDroite .sugRestoMilieu .titreS{
	margin:0px;
	padding:0px;
	font-size:18px;
	color: #FFF;
	text-align:center;
}
#colDroite .sugRestoMilieu .champsS{
	margin-left:10px;
	margin-top:5px;
	float:left;
}
#colDroite .sugRestoMilieu .btnok{
	margin-top:3px;
	margin-left:5px;
	margin-right:9px;
	float:right;
}
#colDroite .sugRestoMilieu .btnok a img{
	border:none;
}
#colDroite .sugRestoMilieu .envoie{
	text-align:center;
}
#colDroite .sugRestoMilieu .envoie a{
	text-decoration:none;
	color:#000;
}
#colDroite .sugRestoBas{
	background:url(images/bas.gif)  no-repeat;
	width:127px;
	height:5px;
}

/*//////////////////////////////////
			FOOTER
///////////////////////////////////*/
#footer{
	background: url(images/footer.png) no-repeat bottom;
	width:1024px;
	height:157px;
	margin:auto;
}
#links{
	width:1024px;
	height:auto;
	margin:auto;
	border:0px solid black;
}
/**/
#partenaires{
	width:154px;
	height:97px;
	float:left;
	padding-top:60px;
	text-align:center;
	margin-left:40px;
}
#partenaires a img{
	border:none;
}
/**/
#liens{
  border:0px solid black;
	width:595px;
	height:30px;
	float:left;
	margin-top:92px;
	margin-left:37px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#liens a{
	text-decoration:none;
	color:#FFF;
}

#liens a:hover{
	text-decoration: underline overline; font-weight: bold;
	color: #FFFFFF;
}

/**/
#payement{
	width:140px;
	height:87px;
	float:right;
	margin-top:70px;
	margin-right:20px;
}

#payement a img{
	border:none;
}


/* INTEGRATION CARTE */
#TableContentBottom {
	margin-top:45px;
    margin-left: 80px;
    width:100%;

}

#TableContentBottom td {
	vertical-align:top;
    
}

#TableContentBottom .MapContainer {
	margin-bottom:10px;
}

#TableContentBottom .Map {
	background:url(/images/regions.png) no-repeat;
	width:410px;
	height:480px;
}
#TableContentBottom .centree {
	text-align: center;
    /*border: solid 1px blue;*/
}

#TableContentBottom td,#TableContentBottom tr,#TableContentBottom table {
	font-size:12px;
	padding:0;
	margin:0;
}

#TableContentBottom img {
	border:none;
	margin:0;
	padding:0;
}
#TableContentBottom ul,ol {
	margin-top:0;
}

#TableContentBottom a {
  	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#336699;
       	text-decoration:none;
	outline:0;
}

#TableContentBottom a:hover {
	text-decoration:underline;
}