body { 
		text-align: center;
		width: 100%;
		font-family: Verdana;
		font-size: 100%;
		margin:0;
		padding: 0;
}

#conteneur{
		width: 935px;
		margin: auto;
		margin-top: 20px;
}


/*********************************************************************************************************/
/*    BANDEAU     */
/*********************************************************************************************************/

a:link { font-size: 11px; color: #000000; text-decoration: underline; }
a:visited { font-size: 11px; color: #000000; text-decoration: underline; }
a:hover { font-size: 11px; color: #000000; text-decoration: none; }
a:active { font-size: 11px; color: #000000; text-decoration: underline; }

a.no-underline:link { color: #000000; text-decoration: none; }
a.no-underline:visited { color: #000000; text-decoration: none; }
a.no-underline:hover { color: #000000; text-decoration: underline; }
a.no-underline:active { color: #000000; text-decoration: none; }

#bandeau{
		height: 60px;
		margin-bottom: 17px;
		width: 935px;
}

#bandeau #logo{
		float: left;
		width: 116px;
		/*border: 2px solid #cadb2a;*/
		height: 56px;
}

#bandeau #menu{
		width: 800px;
		height: 60px;
		float: right;
		background-color: #cadb2a;
}

#bandeau #menu ul{
		margin: 0;
		padding: 0;
		padding-left: 10px;
		padding-top: 16px;
		list-style-type: none;
}

#bandeau #menu li{
		float: left;
		padding-right: 35px;
}

#bandeau #menu li a{
		display: block;
}

#bandeau #menu li a span{
		display: none;
}

/*   elements menu    */
a#btn1{
		background: url(../medias/menu/cuisine.gif);
		height: 29px;
		width: 123px;
}

a#btn1:hover, a#btn1.selected {
		background: url(../medias/menu/cuisine_over.gif);
}

a#btn2{
		background: url(../medias/menu/equipements.gif);
		height: 29px;
		width: 112px;
}

a#btn2:hover, a#btn2.selected{
		background: url(../medias/menu/equipements_over.gif);
}

a#btn3{
		background: url(../medias/menu/socooc3d.gif);
		height: 29px;
		width: 165px;
}

a#btn3:hover, a#btn3.selected{
		background: url(../medias/menu/socooc3d_over.gif);
}

a#btn4{
		background: url(../medias/menu/presvous.gif);
		height: 29px;
		width: 108px;
}

a#btn4:hover, a#btn4.selected{
		background: url(../medias/menu/presvous_over.gif);
}

a#btn5{
		background: url(../medias/menu/rendezvous.gif);
		height: 29px;
		width: 88px;
}

a#btn5:hover, a#btn5.selected{
		background: url(../medias/menu/rendezvous_over.gif);
}
/*********************************************************************************************************/
/*  FIN BANDEAU   */
/*********************************************************************************************************/



#contenu{
		width: 935px;
		height: 420px;
}

#contenu-gd{
		/*width: 935px;*/
		/*height: 490px;*/
}

/*********************************************************************************************************/	
/*    HOME   */
/*********************************************************************************************************/
#contenu #gauche-home{
		width: 590px;
		float: left;
		text-align: left;
}

#contenu #droite-home{
		width: 325px;
		float: right;
}

#push-catalogue {
		height: 83px;
		margin-bottom: 15px;
		display: block;
		text-align: left;
}

#droite-home #edito{
		/*height: 144px;*/
		margin-bottom: 10px;
		display: block;
		/*background: transparent url(../medias/home/socoach2.jpg) scroll no-repeat top left;*/
		text-align: left;	
}

#droite-home #edito img{
		/*padding: 6px 0 0 10px;*/
		display: block;
		padding:0;
		border:none;
}

#droite-home #edito .img{
		padding: 6px 0 0 10px;
		display: block;
}

#droite-home #edito #txt-edito{
		padding: 10px 10px 0 10px;
		display: block;
		font-size: 11px;
		color: #3a1309;
}

#droite-home #edito #tit-edito{
		font-size: 13px;
		font-weight: bold;
		padding: 3px 10px 0 10px;
		display: block;
		
}

#droite-home #edito #btn{
		font-size: 9px;
		color: #3a1309;
		padding: 5px 0 0 10px; 
		float: left;
}

#droite-home #edito #btn a{
		font-size: 9px;
		color: #3a1309;
		text-decoration: none;
}

#droite-home #edito #btn a:hover{
		font-size: 9px;
		color: #cadb2a;
		text-decoration: none;
}

#droite-home #actus{
		height: 150px;
		background-color: #cada29;
		padding: 10px 8px 8px 8px;
		overflow: hidden;
		position: relative;
}



#droite-home #actus .item {
	clear: both;
	height: 150px;
	/*position: absolute;*/
	left: 5px;
	width: 315px;
	padding-top: 5px;
}

#droite-home #actus .titre{
		color: #3a1309;
		font-size: 12px;
		font-weight: bold;
		display: block;
		text-align: left;
		padding-bottom: 6px;		
}

#droite-home #actus .gauche{
		float: left;
		width: 140px;
}

#droite-home #actus .gauche .txt{
		text-align: left;
		font-size: 10px;
		color: #3a1309;
		display: block;
		padding-top: 5px;
}

#droite-home #actus .gauche .btn{
		float: left;
		display: block;
		font-size: 9px;
		color: #3a1309;
		padding: 10px 0 0 0;
}

#droite-home #actus .gauche .btn a{
		font-size: 9px;
		color: #3a1309;
		text-decoration: none;
}

#droite-home #actus .gauche .btn a:hover{
		font-size: 9px;
		color: #fff;
		text-decoration: none;
}

#droite-home #actus img{ 
		float: right; 
		border: solid 5px #fff;
		margin-top: 20px;
}

#btn-actus {
background:url("../medias/home/bt-toutes-actus.gif");
background-repeat:no-repeat;
cursor: pointer;
float: right;
width: 151px;
height: 20px;
margin-top: 10px;
margin-right: -10px;
}

#btn-actus:hover {
background-position: 0px -20px;
}

/*********************************************************************************************************/
/*   BAS PAGE    */
/*********************************************************************************************************/
#bas{
		clear: both;
		width: 935px;
		/*height: 20px;*/
		text-align: left;
		/*background-color: #cadb2a;*/
		margin-top:17px;
		border-top:4px solid #cadb2a;
}
#bas .basLiensDetails{width:255px;border-left:1px solid #e9e9e9;padding:25px 0 25px 35px;float:left;height:80px;}
*+html #bas .basLiensDetails{width:255px;border-left:1px solid #e9e9e9;padding:25px 0 25px 35px;float:left;height:95px;}
#bas .basLiensDetails.first{width:290px;border-left:none;padding:25px 0;}
#bas .basLiensDetails.second{width:315px;}
#bas .basLiensDetails img{float:left;}
#bas .basLiensDetails .droite-basLiensDetails{float:left;padding:0 0 0 15px;}
#bas .basLiensDetails .droite-basLiensDetails span{font-size:14px;font-weight:bold;text-transform:uppercase;color:#333;font-family:Arial,Verdana,sans-serif;}
#bas .basLiensDetails .droite-basLiensDetails ul, #bas .basLiensDetails .droite-basLiensDetails a{list-style:none;margin:0;padding:0;font-size:11px;color:#666;font-family:Arial,Verdana,sans-serif;text-decoration:none;}
#bas .basLiensDetails .droite-basLiensDetails a:hover, #bas .basLiensDetails .droite-basLiensDetails a.selected{text-decoration:underline;}
#bas .basLiensDetails .droite-basLiensDetails ul{margin:5px 0 0;}

#bas #basEdito{background:#e9e9e9;padding:15px;}
#bas #basEdito p{margin:0;padding:0;font-size:11px;color:#666;font-family:Arial,Verdana,sans-serif;}
#bas #basEdito p span{font-size:11px;font-weight:bold;}

#bas #basCopyright {margin:10px 0;float:right;}
#bas #basCopyright, #bas #basCopyright a{font-size:11px;color:#666;font-family:Arial,Verdana,sans-serif;text-decoration:none;}
#bas #basCopyright a:hover, #bas #basCopyright a.selected{text-decoration:underline;}

/*#bas #menubas{
		padding-left: 15px;
		text-align: left;
		
}

#bas #menubas ul{
		margin: 0;
		padding: 4px;
		list-style-type: none;
}

#bas #menubas li{
		color: #3a1309;
		font-size: 10px;
		padding-right: 35px;
		padding-left: 8px;
		height:1%;
		float: left;
}

#bas #menubas li a{
		color: #3a1309;
		font-size: 10px;
		background: url(../medias/menu/puce-menu2.gif) 0 2px no-repeat;
		text-decoration: none;
		padding-left: 8px;
}

#bas #menubas li a:hover, #bas #menu li a.selected{
		color: #fff;
		font-size: 10px;
		background: url(../medias/menu/puce-menu2_over.gif) 0 2px no-repeat;
		text-decoration: none;
		padding-left: 8px;
}

#mentions-bas{
		margin-top: 13px;
		clear: both;
		display: block;
		width: 935px;
		text-align: left;
		height: 20px;
		color: #9c8984;
		font-size: 10px;
		padding-left: 24px;
}

#mentions-bas a{
		color: #9c8984;
		font-size: 10px;
		text-decoration: none;
}

#mentions-bas a:hover{
		color: #9c8984;
		font-size: 10px;
		text-decoration: underline;
}*/

/*********************************************************************************************************/
/*  FIN BAS  */
/*********************************************************************************************************/



/*********************************************************************************************************/
/*  TEXTES  */
/*********************************************************************************************************/
.tit{
		font-size: 13px;
		font-weight: bold;
		color: #3a1309;
		display: block;
}

.tit2{
		font-size: 12px;
		font-weight: bold;
		color: #3a1309;
		display: block;
}

.txt{
		font-size: 11px;
		color: #3a1309;
		text-align: left;
		display: block;
}

.tit-blanc{
		font-size: 20px;
		font-weight: bold;
		color: #fff;
}

.tit-blanc2{
		font-size: 16px;
		font-weight: bold;
		color: #fff;
}

.tit-marron{
		color: #3a1309;
		font-size: 14px;
		font-weight: bold;
}

.txt-pt{
		color: #3a1309;
		font-size: 9px;
}

/*********************************************************************************************************/
/* 	BOUTONS  */
/*********************************************************************************************************/
.btn-vert{
		font-size: 9px;
		color: #3a1309;
}

.btn-vert a{
		font-size: 9px;
		color: #3a1309;
		text-decoration: none;
}

.btn-vert a:hover{
		font-size: 9px;
		color: #cadb2a;
		text-decoration: none;
}

.btn-blc{
		font-size: 9px;
		color: #3a1309;
}

.btn-blc a{
		font-size: 9px;
		color: #3a1309;
		text-decoration: none;
}

.btn-blc a:hover{
		font-size: 9px;
		color: #fff;
		text-decoration: none;
}



/*********************************************************************************************************/
/*  PAGE ACTUS   */
/*********************************************************************************************************/

#contenu #gauche-actus{
		width: 230px;
		height: 410px;
		float: left;
		text-align: left;
		overflow: auto;
		background-color: #cada29;
		padding: 0 0 10px 30px;
		scrollbar-face-color:#cada29; 
		scrollbar-highlight-color:#cada29; 
		scrollbar-3dlight-color:#C0C0C0; 
		scrollbar-darkshadow-color:#cada29; 
		scrollbar-shadow-color:#808080; 
		scrollbar-arrow-color:#fff; 
		scrollbar-track-color:#f8f8f8;
}

#gauche-actus .bloc-actus{
		width: 180px;
		font-size: 11px;
		text-align: left;
}

#gauche-actus .bloc-actus img{ 
		border: solid 5px #fff; 
		display: block;
		margin-bottom: 8px;
		margin-top: 15px;
}

#gauche-actus .bloc-actus .btn-blc-pt{
		font-size: 8px;
		color: #3a1309;
		padding: 17px 0 5px 0;
		
}

#gauche-actus .bloc-actus .btn-blc-pt a{
		font-size: 8px;
		color: #3a1309;
		text-decoration: none;
}

#gauche-actus .bloc-actus .btn-blc-pt a:hover{
		font-size: 8px;
		color: #fff;
		text-decoration: none;
}

#gauche-actus .bloc-actus .tit01{
		font-size: 14px;
		color: #3a1304;
		font-weight: bold;
		display: block;
}

#gauche-actus .bloc-actus .tit02{
		font-size: 12px;
		color: #3a1304;
		font-weight: bold;
		display: block;
		margin-bottom: 8px;
}

#contenu #droite-actus{
		width: 660px;
		height: 420px;
		float: right;
		overflow: auto;
		text-align: left;
		scrollbar-face-color:#d1d2d4; 
		scrollbar-highlight-color:#d1d2d4; 
		scrollbar-3dlight-color:#C0C0C0; 
		scrollbar-darkshadow-color:#d1d2d4; 
		scrollbar-shadow-color:#808080; 
		scrollbar-arrow-color:#fff; 
		scrollbar-track-color:#f8f8f8;
}

#droite-actus #zoom-actus{
		width: 635px;
		height: 330px;
		background: #fff url(../medias/pages/actus/zoom-actu01.jpg) no-repeat top left;
		display: block;
}

#droite-actus #zoom-actus #texte-zoom{
		width: 125px;
		height: 160px;
		font-size: 10px;
		color: #3a1304;	
		text-align: left;
		float: right;
}

#droite-actus #zoom-actus #texte-zoom .tit{
		font-size: 14px;
		font-weight: bold;
		color: #3a1304;
}

#droite-actus #texte-actus{
		background-color: #d1d2d4;
		padding: 10px 25px 10px 25px;
		font-size: 10px;
		color: #000;
}

#droite-actus #texte-actus .tit{
		font-size: 12px;
		font-weight: bold;
		color: #000;
}



/*********************************************************************************************************/
/*  PAGE ESPACE PERSO   */
/*********************************************************************************************************/

#contenu-espaceperso{
		width: 935px;
		height: 420px;
}

/* >> titre page */
.titre-page{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url(../medias/pages/barre-degrade.jpg) no-repeat top left;
		padding-left: 15px;
		padding-top: 20px;
		text-align: left; 
		margin-bottom: 15px;
}

.titre-page .infos{
		float: right;
		font-size: 8px;
		text-align: left;
		color: #3a1304;
		margin: 15px 5px 0 0;
}

.titre-page .infos a{
		color: #3a1304;
		text-decoration: none;
}

.titre-page .infos a:hover{
		color: #8b9b1b;
		text-decoration: none;
}

#selection{
		display: block;
		width: 935px;
		height: 210px;
		background-color: #d1d2d4;
		margin: 0;
		margin-bottom: 15px;
}

/*
#selection #haut{
		height: 35px;
		text-align: left;
}

#selection #haut #titre{
		font-size: 16px;
		font-weight: bold;
		color: #3a1304;
		float: left;
}

#selection #haut #form-selection{
		float: right;
		width: 175px;
		padding-right: 30px;
}

#selection #haut #form-selection #btn-ok{
		background: url(../medias/pages/espace-perso/ok);
		width: 35px;
		height: 35px;
}


#selection #haut #form-selection a#btn-ok {
		float: right;
		background: url(../medias/pages/espace-perso/ok);
		width: 35px;
		height: 35px;
}

#selection #haut #form-selection a:hover#btn-ok {
		background: url(../medias/pages/espace-perso/ok_over);
}

#selection #haut #form-selection  a#btn-ok span{
		display: none;
}

#selection #haut #form-selection #champs{
		text-align: left;
		font-size: 11px;
		color: #3a1304;
}

#selection #haut #form-selection .input{
		display: block;
		text-align: left;
		font-size: 11px;
		color: #000;
		width: 130px;
		height: 15px;
		background-color: #fff;
}

#selection #pointilles-h{
		display: block;
		background: url(../medias/pages/espace-perso/pointillesh.gif) no-repeat top left;
		height: 6px;
		margin-bottom: 0;
		padding: 0;
		clear: both;
}
*/

.pointilles-h{
		background: url(../medias/pages/espace-perso/pointillesh.gif) no-repeat top left;
}

.titre-perso{
		font-size: 16px;
		font-weight: bold;
		color: #3a1304;
		padding-left: 15px;
}

.txt-perso{
		color: #3a1304;
		font-size: 11px;
}

.input-perso{
		display: block;
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 125px; 
		height: 15px; 
		border: solid 1px #fff;
}

/*  */
a#btn-okperso {
		float: right;
		background: url(../medias/pages/espace-perso/ok);
		width: 35px;
		height: 35px;
}

a:hover#btn-okperso {
		background: url(../medias/pages/espace-perso/ok_over);
}


/*
a#btn-okperso span{
		display: none;
}
*/



/* Page espace perso >> bloc img s?lection  */

#liste-selection{
		display: block;
		text-align: left;
		height: 166px;
		width: 910px;
		overflow: auto;
		/*clear: both;*/
		padding: 0;
		margin-left: 15px;
		margin-right: 10px;
		scrollbar-face-color:#d1d2d4; 
		scrollbar-highlight-color:#d1d2d4; 
		scrollbar-3dlight-color:#C0C0C0; 
		scrollbar-darkshadow-color:#d1d2d4; 
		scrollbar-shadow-color:#808080; 
		scrollbar-arrow-color:#fff; 
		scrollbar-track-color:#f8f8f8;
}
/*
#liste-selection #bloc{
		height: 142px;
		width: 149px;
		background: url(../medias/pages/espace-perso/pointillesv.gif) no-repeat top right;
		padding: 6px 14px 0 0;
		margin-right: 7px;
}
*/
/*
#liste-selection .in {
margin-top: -10px;
}
*/

.detail{
		width: 150px;
		text-align: center;

}

.detailtexte{
		display: block;
		font-size: 12px;
		color: #3a1304;
}

.imgdetail{
		margin-bottom: 2px;
}

.detailtitre{
		font-size: 14px;
		color: #3a1304;
		font-weight: bold;
}

a.btnfermer{
		background: url(../medias/pages/espace-perso/fermer.gif) no-repeat;
		width: 22px;
		height: 23px;
		display: block;
}

a:hover.btnfermer{
		background: url(../medias/pages/espace-perso/fermer_over.gif) no-repeat;
}

a.btnfermer span{
		display: none;
}


/*  PAGE espace perso >> projet 3d   */
#projet-3d{
		width: 807px;
		height: 120px;
		background: transparent url(../medias/pages/espace-perso/fond-3d.jpg) no-repeat top left;
		padding: 0 116px 0 12px;
}

#projet-3d .logo{
		text-align: left;
		padding-top: 25px;
		float: left;
}

a#btn-projet{
		float: right;
		margin-top: 8px;
		background: url(../medias/pages/espace-perso/btn-projet3d.gif) no-repeat top left;
		height: 105px;
		width: 528px;
}

a#btn-projet:hover{
		background: url(../medias/pages/espace-perso/btn-projet3d_over.gif) no-repeat top left;
}



/*********************************************************************************************************/
/*  ESPACE PERSO - PAGE MODIFICATION DE COMPTE  */
/*********************************************************************************************************/

#elements-espaceperso-modifcpte{
		width: 920px;
		height: 345px;
		background: url(../medias/pages/espace-perso-modifcpte/fond.jpg) no-repeat top left;
		text-align: left;
		padding-left: 15px;
}

.input-espaceperso-modifcpte{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 177px; 
		height: 13px; 
		border: solid 1px #fff;
}

.input-espaceperso-modifcpte2{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 254px; 
		height: 13px; 
		border: solid 1px #fff;
}


.champs-modifcpte{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
		padding-right: 5px;
		text-align: right;
}

.champs-modifcpte2{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
}

.txtpt-modifcpte{
		font-size: 9px;
		color: #3a1304;
		text-align: right;
		padding-right: 15px;
}

.txtmentions-modifcpte{
		font-family: Arial;
		font-size: 9px;
		color: #3a1304;
		padding-top: 29px;
		padding-left: 5px;
		line-height: 9px;
		text-align: center;
}

a#btn-ok-modifcpte{
		float: right;
		background: url(../medias/pages/espace-perso-modifcpte/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

a#btn-ok-modifcpte:hover{
		float: right;
		background: url(../medias/pages/espace-perso-modifcpte/ok_over.gif) no-repeat;
}

.input-boite-modifcpte{ 
		background-color: #d1d2d4;
		color: #3a1304;
		width: 15px; 
		height: 15px; 
		border: solid 1px #fff;
}

.txt-champs-modifcpte{
		color: #3a1304;
		font-size: 10px;
		text-align: left;
}

/*********************************************************************************************************/
/* PAGE CONCEPTION   Attention : exception hauteur sur cette page */
/*********************************************************************************************************/


/*    elements bandeau conception    */
#bandeau-conception{
		height: 60px;
		margin-bottom: 5px;
		width: 935px;
}

#bandeau-conception #logo{
		float: left;
		width: 120px
}

#bandeau-conception #menu{
		width: 800px;
		height: 60px;
		float: right;
		background-color: #cadb2a;
}

#bandeau-conception #menu ul{
		margin: 0;
		padding: 0;
		padding-left: 10px;
		padding-top: 16px;
		list-style-type: none;
}

#bandeau-conception #menu li{
		float: left;
		padding-right: 35px;
}

#bandeau-conception #menu li a{
		display: block;
}

#bandeau-conception #menu li a span{
		display: none;
}


#contenu-conception{
		width: 935px;
		height: 666px;
}

#contenu-conception #elements{
		width: 867px;
		height: 567px;
		margin-bottom: 10px;
		text-align: left;
		background: url(../medias/pages/conception/fond.gif) no-repeat;
		padding-left: 68px;
		padding-top: 12px;
}

#contenu-conception #elements #module{
		width: 800px;
		height: 550px;
}

#contenu-conception #bas-conception{
		display: block;
		height: 75px;
		clear: both;
}

#bas-conception #logo-conception{
		/*padding-right: 5px;*/
		float: left;
		background: url(../medias/pages/conception/fond-logo.gif) no-repeat top left;
		width: 230px;
		height: 68px;
		padding-top: 7px;
}

#bas-conception #etapes{
		width: 700px;
		height: 75px;
		background: #c9db2a url(../medias/pages/conception/fleche-bas.gif) no-repeat top right;
		float: right;
}

#bas-conception #etapes ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		padding: 8px 0 0 20px;
}

#bas-conception #etapes li{
		float: left;
		margin-right: 25px;
		padding-right: 35px;
}

#contenu-conception-sans{
		width: 935px;
		height: 580px;
}

#contenu-conception-sans #elements{
		width: 877px;
		height: 570px;
		/*margin-bottom: 10px;*/
		text-align: left;
		background: url(../medias/pages/conception/fond.gif) no-repeat;
		padding-left: 68px;
		padding-top: 12px;
}
/*********************************************************************************************************/
/* PAGE TELECHARGEMENT  */
/*********************************************************************************************************/

/* titre  */
.titre-page{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url(../medias/pages/barre-degrade.jpg) no-repeat top left;
		padding-left: 15px;
		padding-top: 20px;
		text-align: left; 
		margin-bottom: 15px;
}

/*  ?l?ments de la page  */
#elements-telechargement{
		height: 257px;
		margin-bottom: 13px;
}

#elements-telechargement #gauche{
		float: left;
		background-color: #c9db3a;
		width: 227px;
		height: 237px;
		padding: 10px 20px 10px 20px;
		font-size: 12px;
		color: #3a1309;
		text-align: left;
		margin-right: 20px;
}

#elements-telechargement #centre{
		float: left;
		background: url(../medias/pages/telechargement/fond-socoach.jpg) no-repeat;
		background-position:center;
		width: 400px;
		height: 217px;
		text-align: center;
		padding-top: 40px;
		font-size: 12px;
		color: #3a1309;
		padding-right:10px;
		padding-left:10px;
}


a#btn-telechargement{
		float: right;
		margin-bottom: 8px;
		background: url(../medias/pages/telechargement/btn-telecharger.gif) no-repeat;
		width: 215px;
		height: 72px;
		margin-top: 30px;
		padding-right:100px;
		
}

a#btn-telechargement:hover{
		background: url(../medias/pages/telechargement/btn-telecharger_over.gif) no-repeat;
}


#elements-telechargement #centre #btn-config{
		display: block;
		font-size: 9px;
		color: #3a1309;
}

#elements-telechargement #centre #btn-config a{
		font-size: 9px;
		color: #3a1309;
		text-decoration: none;
}

#elements-telechargement #centre #btn-config a:hover{
		font-size: 9px;
		color: #cadb2a;
		text-decoration: none;
}


#elements-telechargement #droite{
		float: right;
		font-size: 11px;
		color: #3a1309;
}

#elements-telechargement #droite #bloc1{
		width: 183px;
		height: 146px;
		background: url(../medias/pages/telechargement/fond-droite.gif) no-repeat;
		padding: 18px 10px 10px 18px;
		text-align: left;
}

#elements-telechargement #droite #bloc1 #titre{
		font-size: 12px;
		color: #3a1309;
		font-weight: bold;
		margin-bottom: 10px;
}

#elements-telechargement #droite #bloc1 #texte{
		display: block;
		font-size: 11px;
		color: #3a1309;
		width: 170px;
		text-align: left;
}

#elements-telechargement #droite #bloc1 #texte a#btn-fleche{
		display: block;
		background: url(../medias/pages/telechargement/btn.gif) no-repeat right;
		width: 39px;
		height: 39px;
		margin-left: 145px;
		margin-top : -10px;
}

#elements-telechargement #droite #bloc1 #texte a#btn-fleche:hover{
		/*display: block;*/
		background: url(../medias/pages/telechargement/btn_over.gif) no-repeat right;
		width: 39px;
		height: 39px;
}

a#btn-acces{
		display: block;
		margin-top: 11px;
		background: url(../medias/pages/telechargement/btn-espperso.gif) no-repeat;
		width: 211px;
		height: 72px;
}

a#btn-acces:hover{
		background: url(../medias/pages/telechargement/btn-espperso_over.gif) no-repeat;
}

.popup {
	background: url(../medias/pages/telechargement/fond-popup.gif) no-repeat;
	width: 172px;
	height: 130px;
	padding: 15px 20px 20px 20px;
	text-align: left;
	color: #3a1309;
	font-size: 9px;
	
	position: absolute;
	top: 150px;
	margin-left: 50%;
	left: -100px;
}

.popup a#btn-fermer {
	float: right;
	background: url(../medias/pages/telechargement/btn-fermer.gif) no-repeat;
	width: 27px;
	height: 27px;
}

.popup a#btn-fermer:hover {
	background: url(../medias/pages/telechargement/btn-fermer_over.gif) no-repeat;
}
/*
#popup-attention, #popup-attention2, #popup-telechargement{
		background: url(../medias/pages/telechargement/fond-popup.gif) no-repeat;
		width: 172px;
		height: 130px;
		padding: 15px 20px 20px 20px;
		text-align: left;
		color: #3a1309;
		font-size: 9px;
}

#popup-attention a#btn-fermer, #popup-attention2 a#btn-fermer,#popup-telechargement a#btn-fermer{
		float: right;
		background: url(../medias/pages/telechargement/btn-fermer.gif) no-repeat;
		width: 27px;
		height: 27px;
}

#popup-attention a#btn-fermer:hover, #popup-attention2 a#btn-fermer:hover, #popup-telechargement a#btn-fermer:hover{
		float: right;
		background: url(../medias/pages/telechargement/btn-fermer_over.gif) no-repeat;
}

#popup-felicitations{
		background: url(../medias/pages/telechargement/fond-popup.gif) no-repeat;
		width: 172px;
		height: 130px;
		padding: 15px 20px 20px 20px;
		text-align: left;
		color: #3a1309;
		font-size: 11px;
}

#popup-felicitations a#btn-fermer{
		float: right;
		background: url(../medias/pages/telechargement/btn-fermer.gif) no-repeat;
		width: 27px;
		height: 27px;
}

#popup-felicitations a#btn-fermer:hover{
		float: right;
		background: url(../medias/pages/telechargement/btn-fermer_over.gif) no-repeat;
}
*/
/*********************************************************************************************************/
/* BAS FRISE  */
/*********************************************************************************************************/

#bas-conception{
		display: block;
		height: 75px;
}

#bas-conception #logo-conception{
		float: left;
}

#bas-conception #etapes{
		width: 700px;
		height: 75px;
		background: #c9db2a url(../medias/pages/conception/fleche-bas.gif) no-repeat top right;
		float: right;
}

#bas-conception #etapes ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
		padding: 8px 0 0 20px;
}

#bas-conception #etapes li{
		float: left;
		padding-right: 25px;
}


/*********************************************************************************************************/
/* PAGE CREATION DE COMPTE  */           
/*********************************************************************************************************/

#contenu-creationcompte{
		width: 935px;
		height: 420px;
		background: transparent url(../medias/pages/creation-compte/fond-socoach.jpg) no-repeat top left;
}

/* titre  */
#elements-creationcompte .titre2{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		text-align: left;
		float: left;
		margin-bottom: 15px;
		padding-left: 15px;
		padding-top: 20px;
}

.txt-champs{
		color: #3a1304;
		font-size: 12px;
}

.txt-champs-g{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
}

.txt-champs-pt{
		color: #3a1304;
		font-size: 11px;
}

.txt-champs-pt2{
		color: #3a1304;
		font-size: 9px;
}

.atxt-champs-pt2{
		color: #3a1304;
		font-size: 9px;
		text-decoration: underline;
}

.atxt-champs-pt2:hover{
		color: #3a1304;
		font-size: 9px;
		text-decoration: underline;
}

.input-champs01{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 177px; 
		height: 15px; 
		border: solid 1px #fff;
}

.input-champs02{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 217px; 
		height: 15px; 
		border: solid 1px #fff;
}

.input-champs03{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 112px; 
		height: 15px;
		border: solid 1px #fff; 
}

.input-champs04{ 
		background-color: #fff;
		/*color: #3a1304;*/
		width: 14px; 
		height: 14px;
		border: solid 1px #fff; 
}

#elements-creationcompte #login{
		float: left;
		/*display: block;*/
		width: 861px;
		height: 60px;
		background-color: #d1d2d4;
		padding-left: 74px;
		margin-bottom: 15px;
		padding-top: 10px;
		text-align: left;
}


a#btn-ok{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

a#btn-ok:hover{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok_over.gif) no-repeat;
}

#elements-creationcompte #formulaire{
		float: left;
		width: 934px;
		background-color: #d1d2d4;
		height: 193px;
}

#elements-creationcompte #formulaire #gauche{
		width: 355px;
		float: left;
}

#elements-creationcompte #formulaire #droite{
		width: 360px;
		float: right;
		margin-right: 30px;
}

#elements-creationcompte #formulaire #bas{
		width: 730px;
		display: block;
		background-color: #d1d2d4;
		line-height: 9px;
		padding: 0 10px 0 10px;
		color: #3a1304;
		font-size: 9px;
		height: 20px;
		padding-top: 10px;
}

#btn{
		float: right;
}

a#btn-ok2{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

a#btn-ok2:hover{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok_over.gif) no-repeat;
}

#popup-motpasse{
		background: url(../medias/pages/creation-compte/fond-popup.gif) no-repeat;
		width: 307px;
		height: 197px;
		padding: 19px 14px 25px 29px;
		text-align: left;
		color: #3a1309;
		font-size: 11px;
}

#popup-motpasse a#btn-fermer{
		float: right;
		background: url(../medias/pages/creation-compte/btn-fermer.gif) no-repeat;
		width: 27px;
		height: 27px;
}

#popup-motpasse a#btn-fermer:hover{
		float: right;
		background: url(../medias/pages/creation-compte/btn-fermer_over.gif) no-repeat;
}

a#btn-okvert{
		/*float: right;*/
		background: url(../medias/pages/creation-compte/ok-vert.gif) no-repeat;
		width: 39px;
		height: 39px;
}

a#btn-okvert:hover{
		/*float: right;*/
		background: url(../medias/pages/reation-compte/ok-vert_over.gif) no-repeat;
}

/*********************************************************************************************************/
/* PAGE INSCRIPTION SIMPLE  --> Hauteur 490px   */           
/*********************************************************************************************************/

/* titre  */
.titre-page{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url(../medias/pages/barre-degrade.jpg) no-repeat top left;
		padding-left: 15px;
		padding-top: 20px;
		text-align: left; 
		margin-bottom: 13px;
}

.txt-champs{
		color: #3a1304;
		font-size: 12px;
}

.txt-champs-g{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
}

.txt-champs-pt{
		color: #3a1304;
		font-size: 11px;
}

.txt-champs-pt2{
		color: #3a1304;
		font-size: 9px;
}

.atxt-champs-pt2{
		color: #3a1304;
		font-size: 9px;
		text-decoration: underline;
}

.atxt-champs-pt2:hover{
		color: #3a1304;
		font-size: 9px;
		text-decoration: underline;
}

.input-champs01{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 177px; 
		height: 15px; 
}

.input-champs02{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 217px; 
		height: 15px; 
}

.input-champs03{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 112px; 
		height: 15px; 
}

#elements-inscriptionsimple{
		width: 935px;
		height: 440px;
		margin-bottom: 15px;
		background: transparent url(../medias/pages/inscriptionsimple/fond-socoach.jpg) no-repeat top left;
}

#elements-inscriptionsimple #login{
		float: left;
		/*display: block;*/
		width: 861px;
		height: 60px;
		background-color: #d1d2d4;
		padding-left: 75px;
		margin-bottom: 13px;
		padding-top: 10px;
		text-align: left;
}


a#btn-ok{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

a#btn-ok:hover{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok_over.gif) no-repeat;
}

#elements-inscriptionsimple #titre2{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		/*display: block;*/
		text-align: left;
		float: left;
		margin-bottom: 13px;
		padding-left: 15px;
		padding-top: 20px;
}

#elements-inscriptionsimple #formulaire{
		float: left;
		/*display: block;*/
		width: 934px;
		background-color: #d1d2d4;
}

#elements-inscriptionsimple #formulaire #gauche{
		width: 355px;
		float: left;
}

#elements-inscriptionsimple #formulaire #droite{
		width: 360px;
		float: right;
		margin-right: 12px;
}

#elements-inscriptionsimple #formulaire #bas{
		width: 733px;
		display: block;
		background-color: #d1d2d4;
		line-height: 9px;
		padding: 0 10px 0 10px;
		color: #3a1304;
		font-size: 9px;
		height: 25px;
		padding-top: 5px;
}

#btn{
		float: right;
}

a#btn-ok2{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

a#btn-ok2:hover{
		float: right;
		background: url(../medias/pages/inscriptionsimple/ok_over.gif) no-repeat;
}


/*********************************************************************************************************/
/* PAGE INSCRIPTION  */
/*********************************************************************************************************/

/* titre  */
.titre-page{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url(../medias/pages/barre-degrade.jpg) no-repeat top left;
		padding-left: 15px;
		padding-top: 20px;
		text-align: left; 
		margin-bottom: 15px;
}

/*  ?l?ments de la page  */
#elements-inscription{
		width: 935px;
		height: 257px;
		margin-bottom: 13px;
}

#elements-inscription #gauche{
		float: left;
		width: 210px;
		height: 247px;
		padding: 10px 10px 0 10px;
		text-align: left;
		margin-right: 5px;
		background: url(../medias/pages/inscription/fond-gauche.jpg) no-repeat;
}

#elements-inscription #gauche #titre{
		font-size: 12px;
		color: #3a1309;
		font-weight: bold;
}

#elements-inscription #gauche #texte{
		font-size: 12px;
		color: #3a1309;
		width: 115px;
		margin-top: 45px;
}

#elements-inscription #droite{
		float: left;
		background: url(../medias/pages/inscription/fond-droite.gif) no-repeat;
		width: 700px;
		height: 257px;
		font-size: 12px;
		color: #3a1309;
}

#elements-inscription #droite #tab1{
		width: 271px;
		height: 257px;
		float: left;
		text-align: right;
		padding-left: 84px;
}

#tab1 .input-champs-gauche{ 
		background-color: #fff; 
		color: #3a1304; 
		font-size: 10px; 
		padding-left: 3px; 
		width: 177px; 
		height: 13px; 
		border: solid 1px #fff; 
}

#tab1 .txt-champs-g{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
}

#elements-inscription #droite #tab2{
		width: 295px;
		height: 257px;
		float: right;
		text-align: left;
		padding-left: 25px;
}

#tab2 .input-champs-droite{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 240px; 
		height: 13px; 
		border: solid 1px #fff;
}

#tab2 .input-boite{ 
		background-color: #d1d2d4;
		color: #3a1304;
		width: 15px; 
		height: 15px; 
		border: solid 1px #fff;
}

#tab2 .input-deroule-droite{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 240px; 
		border: solid 1px #fff;
}

#tab2 .txt-champs-g{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
}

#tab2 .txt-champs{
		color: #3a1304;
		font-size: 10px;
		text-align: left;
}

#tab2 .txt-pt{
		color: #3a1304;
		font-size: 9px;
		text-align: left;
		line-height: 9px;
}

#tab2 a#btn-ok{
		float: right;
		background: url(../medias/pages/inscription/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

#tab2 a#btn-ok:hover{
		float: right;
		background: url(../medias/pages/inscription/ok_over.gif) no-repeat;
}



/*********************************************************************************************************/
/* PAGE TELECHARGEMENT OUTIL 3D  */
/*********************************************************************************************************/



#contenu-telechargement-3d{
		width: 935px;
		height: 420px;
}

.titre-page{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url(../medias/pages/barre-degrade.jpg) no-repeat top left;
		padding-left: 15px;
		padding-top: 20px;
		text-align: left; 
		margin-bottom: 15px;
}

#elements-telechargement-3d{
		width: 935px;
		height: 345px;
}

#elements-telechargement-3d #gauche-3d{
		width: 742px;
		height: 345px;
		float: left;
}

#elements-telechargement-3d #gauche-3d #projets{
		width: 742px;
		height: 118px;
		margin-bottom: 17px;
		background-color: #cadb2a;
}

#projets #projets-titre{
		font-size: 20px;
		color: #3a1304;
		width: 727px;
		height: 30px;
		padding-left: 15px;
		padding-top: 5px;
		text-align: left; 
}

#projets #projets-titre .infos2{
		float: right;
		font-size: 8px;
		text-align: right;
		color: #3a1304;
		margin: 10px 10px 0 0;
}

#projets #projets-titre .infos2 a{
		color: #3a1304;
		text-decoration: none;
}

#projets #projets-titre .infos2 a:hover{
		color: #fff;
		text-decoration: none;
}

#tab{
		text-align: left;
		padding-left: 20px;
}

.titre-tab{
		color: #3a1304;
		font-size: 12px;
		text-align: left;
		font-weight: bold;
		text-decoration: underline;
}

.cell-tab{
		color: #3a1304;
		font-size: 11px;
		text-align: left;
		font-weight: bold;
}

.btn-envoi{
		color: #3a1304;
		font-size: 9px;
		text-align: left;
}

.btn-envoi a{
		color: #3a1304;
		font-size: 9px;
		text-align: left;
		text-decoration: none;
}

.btn-envoi a:hover{
		color: #fff;
		font-size: 9px;
		text-align: left;
		text-decoration: none;
}

#elements-telechargement-3d #gauche-3d #selection{
		width: 742px;/*742*/
		height: 210px;
}

#elements-telechargement-3d #droite-3d{
		float: right;
		width: 143px;
		height: 325px;
		background: url(../medias/pages/telechargement-3d/fond-socoach.jpg) no-repeat;
		padding: 20px 20px 0 10px;
		font-size: 12px;
		color: #3a1304;
		text-align: left;
}

#elements-telechargement-3d #droite-3d a#btn-3d {
		background: url(../medias/pages/telechargement-3d/btn.gif) no-repeat top left;
		width: 37px;
		height: 37px;
		display: block;
		float: right;
}

#elements-telechargement-3d #droite-3d a:hover#btn-3d {
		background: url(../medias/pages/telechargement-3d/btn_over.gif) no-repeat top left;
}

/* selection 2 */

#liste-selection2{
		display: block;
		text-align: left;
		height: 166px;
		width: 730px;
		overflow: auto;
		/*clear: both;*/
		padding: 0;
		margin-left: 5px;
		margin-right: 5px;
		scrollbar-face-color:#d1d2d4; 
		scrollbar-highlight-color:#d1d2d4; 
		scrollbar-3dlight-color:#C0C0C0; 
		scrollbar-darkshadow-color:#d1d2d4; 
		scrollbar-shadow-color:#808080; 
		scrollbar-arrow-color:#fff; 
		scrollbar-track-color:#f8f8f8;
}


.detail2{
		width: 150px;
		text-align: center;

}

.detailtexte2{
		display: block;
		font-size: 12px;
		color: #3a1304;
}

.imgdetail2{
		margin-bottom: 2px;
}

.detailtitre2{
		font-size: 14px;
		color: #3a1304;
		font-weight: bold;
}

a.btnfermer2{
		background: url(../medias/pages/espace-perso/fermer.gif) no-repeat;
		width: 22px;
		height: 23px;
		display: block;
}

a:hover.btnfermer2{
		background: url(../medias/pages/espace-perso/fermer_over.gif) no-repeat;
}

a.btnfermer2 span{
		display: none;
}

.pointilles-h{
		background: url(../medias/pages/espace-perso/pointillesh.gif) no-repeat top left;
}

.titre-perso{
		font-size: 16px;
		font-weight: bold;
		color: #3a1304;
		padding-left: 15px;
}

.txt-perso{
		color: #3a1304;
		font-size: 11px;
}

.input-perso{
		display: block;
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 125px; 
		border: solid 1px #fff;
}

/*  */
a#btn-okperso {
		float: right;
		background: url(../medias/pages/espace-perso/ok.gif);
		width: 35px;
		height: 35px;
}

a:hover#btn-okperso {
		background: url(../medias/pages/espace-perso/ok_over.gif);
}

#anim-plan {
margin-top:85px;
margin-left:11px;
}


/*********************************************************************************************************/
/* PAGE EQUIPEMENT INTRO  */
/*********************************************************************************************************/

#elements-equipement-intro{
		width: 935px;
		height: 420px;
}

#elements-equipement-intro #menu-intro{
		background: url(../medias/pages/equipements/fond-menu.gif) no-repeat;
		width: 235px;
		height: 420px;
		float: left;
		margin-right: 14px;
}

#elements-equipement-intro #menu-intro #offres-packs{
		height: 113px;
		width: 235px;
		margin-bottom: 14px;
		margin-top:-8px;
}

#elements-equipement-intro #menu-intro #offres-packs ul{
		list-style-type: none;
		margin: 0;
		padding:  0px 0px 0px 35px;

}

#elements-equipement-intro #menu-intro #offres-packs li{
		display: block;
		text-align: left;
		padding-bottom: 4px;
}

#elements-equipement-intro #menu-intro #offres-packs li a{
		display: block;
}

#elements-equipement-intro #menu-intro #offres-packs li a span{
		display: none;
}

/*   elements offres   */
a#offre1{
		background: url(../medias/pages/equipements/pack-elec.gif);
		height: 16px;
		width: 96px;
}

a#offre1:hover{
		background: url(../medias/pages/equipements/pack-elec_over.gif);
}

a#offre2{
		background: url(../medias/pages/equipements/pack-evier.gif);
		height: 16px;
		width: 81px;
}

a#offre2:hover{
		background: url(../medias/pages/equipements/pack-evier_over.gif);
}

a#offre3{
		background: url(../medias/pages/equipements/tables-chaises.gif);
		height: 12px;
		width: 133px;
}

a#offre3:hover{
		background: url(../medias/pages/equipements/tables-chaises_over.gif);
}

a.chaises, a.chaises-actif{
		background: url(../medias/pages/equipements/chaises.gif) no-repeat;
		height: 12px;
		width: 58px;
		display: block;
		text-decoration:none;
		margin-bottom:5px;
}

a.chaises:hover{
		background: url(../medias/pages/equipements/chaises_over.gif) no-repeat;
		display: block;
		text-decoration:none;
}

a.chaises-actif{
		background: url(../medias/pages/equipements/chaises_over.gif) no-repeat;
		display: block;
		text-decoration:none;
}

a.tables, a.tables-actif{
		background: url(../medias/pages/equipements/tables.gif) no-repeat;
		height: 12px;
		width: 50px;
		display: block;
		text-decoration:none;
		margin-bottom:5px;
}

a.tables:hover{
		background: url(../medias/pages/equipements/tables_over.gif) no-repeat;
		display: block;
		text-decoration:none;
}

a.tables-actif{
		background: url(../medias/pages/equipements/tables_over.gif) no-repeat;
		display: block;
		text-decoration:none;
}

a.tabourets, a.tabourets-actif{
	background: url(../medias/pages/equipements/tabourets.gif) no-repeat;
	height: 12px;
	width: 77px;
	display: block;
	text-decoration:none;
	margin-bottom:5px;
}

a.tabourets:hover{
	background: url(../medias/pages/equipements/tabourets_over.gif) no-repeat;
	display: block;
	text-decoration:none;
}

a.tabourets-actif{
		background: url(../medias/pages/equipements/tabourets_over.gif) no-repeat;
		display: block;
		text-decoration:none;
}

#fond-tables-chaises {
	float:left;
	height: 296px;/*346*/
	width: 749px;/*800*/
	background-color:#fff;
	border:10px solid #cadb2a;
	padding:15px;
}

#fond-tables-chaises-int {
	height: 286px;
	width: 749px;
}

#fond-tables-chaises-chiffres {
	width: 749px;
	text-align:right;
	font-size:10px;
}

.fond-tables-chaises-container {
	float:left;
	height: 85px;
	width: 112px;
	margin:0px 11px 50px 0px;
	font-size:10px;
}

.fond-tables-chaises-img {
	text-align:center;
	height: 85px;
	width: 110px;
	margin:0px 0px 0px 0px;
	border:1px solid #cccccc;
}

.spacer {
clear:both;		
}

.texte-sous-titre {
font-size:14px;
font-weight:bold;
}

#popup {
position:absolute;
height: 320px;
width: 600px;
background-color:#cadb2a;
border:10px solid #fff;
padding:10px 15px 10px 25px;
top:120px;
left:50%;
margin-left: -315px;
}

.popup-btn {
width: 560px;
text-align:right;
margin-bottom:10px;
font-size:10px;
}

#popup-photo {
width: 200px;
margin-right:20px;
float:left;
font-weight:bold;
font-size:12px;
text-align:center;
}

#popup-texte {
width: 345px;
float:left;
text-align:left;
font-size:10px;
}


#elements-equipement-intro #menu-intro #fiches-conseil{
		display: block;
		height: 292px;
		width: 235px;
}

#elements-equipement-intro #menu-intro #fiches-conseil ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-top: 50px;
		padding-left: 35px;
}

#elements-equipement-intro #menu-intro #fiches-conseil li{
		display: block;
		text-align: left;
		padding-bottom: 4px;
}

#elements-equipement-intro #menu-intro #fiches-conseil li a{
		display: block;
}

#elements-equipement-intro #menu-intro #fiches-conseil li a span{
		display: none;
}

/*   elements fiches   */
a#fiche1{
		background: url(../medias/pages/equipements/cuisson.gif);
		height: 16px;
		width: 158px;
}

a#fiche1:hover{
		background: url(../medias/pages/equipements/cuisson_over.gif);
}

a#fiche2{
		background: url(../medias/pages/equipements/fours.gif);
		height: 15px;
		width: 70px;
}

a#fiche2:hover{
		background: url(../medias/pages/equipements/fours_over.gif);
}

a#fiche3{
		background: url(../medias/pages/equipements/microndes.gif);
		height: 15px;
		width: 122px;
}

a#fiche3:hover{
		background: url(../medias/pages/equipements/microndes_over.gif);
}

a#fiche4{
		background: url(../medias/pages/equipements/hottes.gif);
		height: 14px;
		width: 77px;
}

a#fiche4:hover{
		background: url(../medias/pages/equipements/hottes_over.gif);
}

a#fiche5{
		background: url(../medias/pages/equipements/eviers.gif);
		height: 15px;
		width: 76px;
}

a#fiche5:hover{
		background: url(../medias/pages/equipements/eviers_over.gif);
}

a#fiche6{
		background: url(../medias/pages/equipements/robinetteries.gif);
		height: 15px;
		width: 127px;
}

a#fiche6:hover{
		background: url(../medias/pages/equipements/robinetteries_over.gif);
}

a#fiche7{
		background: url(../medias/pages/equipements/frigo.gif);
		height: 19px;
		width: 137px;
}

a#fiche7:hover{
		background: url(../medias/pages/equipements/frigo_over.gif);
}

a#fiche8{
		background: url(../medias/pages/equipements/lavevaiss.gif);
		height: 16px;
		width: 141px;
}

a#fiche8:hover{
		background: url(../medias/pages/equipements/lavevaiss_over.gif);
}

a#fiche9{
		background: url(../medias/pages/equipements/lavelinge.gif);
		height: 19px;
		width: 113px;
}

a#fiche9:hover{
		background: url(../medias/pages/equipements/lavelinge_over.gif);
}

#elements-equipement-intro #centre-intro{
		background: url(../medias/pages/equipements/centre.jpg) no-repeat;
		/*width: 377px;*/
		width: 139px;
		/*height: 420px;*/
		height: 130px;
		float: left;
		margin-right: 14px;
		padding: 290px 142px 0 96px;
		font-size: 9px;
		color: #3a1304;
		text-align: left;
		line-height: 11px;
}

#elements-equipement-intro #centre-intro #scroller {
	position: relative;
	overflow: hidden;
	height: 130px;
	margin-top: -10px;
	left: -85px;
	width:230px;
}

#elements-equipement-intro #centre-intro #scroller .item {
	clear: both;
	height: 125px;
	position: absolute;
	width: 230px;
}

.lien-intro a{
		margin-top: 8px;
		color: #3a1304;
		font-size: 9px;
		text-decoration: none;
		float: left;
}

.lien-intro a:hover{
		color: #fff;
		font-size: 9px;
		text-decoration: none;
}

#elements-equipement-intro #droite-intro{
		background: url(../medias/pages/equipements/visuel-droite.jpg) no-repeat;
		width: 295px;
		height: 420px;
		float: left;
}

/*********************************************************************************************************/
/* PAGE EQUIPEMENT WHIRLPOOL  */
/*********************************************************************************************************/

#elements-equipement-marque{
		background: url(../medias/pages/electro/fond-marques.jpg) no-repeat;
		width: 935px;
		height: 346px;
}



#elements-equipement-marque #menu-marque{
		float: left;
		width: 120px;
		margin-right: 0px;
}

#elements-equipement-marque #menu-marque #haut-marque{
		height: 210px;
		width: 105px;
		margin-bottom: 14px;
		color: #3a1304;
		font-size: 11px;
		text-align: left;
		padding-left: 8px;
		padding-right: 8px;
}

#elements-equipement-marque #menu-marque #haut-marque ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-left: 10px;
		text-align: left;
}

#elements-equipement-marque #menu-marque #haut-marque li{
		color: #3a1304;
		font-size: 11px;
		list-style-type: none;
}

#elements-equipement-marque #menu-marque #haut-marque li a{
		color: #3a1304;
		font-size: 11px;
		text-decoration: none;
}

#elements-equipement-marque #menu-marque #haut-marque li a:hover, 
#elements-equipement-marque #menu-marque #haut-marque li a.selected {
		color: #fff;
		font-size: 11px;
		text-decoration: none;
}


#elements-equipement-marque #menu-marque #bas-marque{
		display: block;
		height: 90px;
		width: 104px;
		color: #3a1304;
		font-size: 11px;
		padding: 30px 8px 0 8px;
		text-align: left;
}

#bas-tables{
		display: block;
		height: 90px;
		width: 104px;
		color: #3a1304;
		font-size: 11px;
		padding: 10px 8px 0 8px;
		text-align: left;
}

.lien a{
		margin-top: 0px;
		color: #3a1304;
		font-size: 11px;
		text-decoration: none;
		float: right;
}

.lien a:hover{
		color: #fff;
		font-size: 11px;
		text-decoration: none;
}

.lien-magasin a{
		margin-top: 0px;
		color: #3a1304;
		font-size: 11px;
		text-decoration: none;
		/*float: left;*/
}

.lien-magasin a:hover{
		color: #fff;
		font-size: 11px;
		text-decoration: none;
}

#elements-equipement-marque #contenu-marque{
		float: left;
		background: url(../medias/pages/electro/whirlpool.gif) no-repeat;
		width: 610px;
		height: 346px;
}

#elements-equipement-marque #contenu-marque-large{
		float: left;
		
		width: 800px;
	
		height: 346px;
	
}


.tit{
		color: #3a1304;
		font-size: 14px;
		font-weight: bold;
}

#boutons{
		position: absolute;
		top: 488px;
		margin-left: 120px;
		left: 50%;
		height: 35px;
		width: 95px;
		/*background-color: #cccc00;*/
}

a#plus{ 
		float: left;
		background: url(../medias/pages/electro/plus.gif) no-repeat;
		width: 27px;
		height: 27px;
}


a:hover#plus{
		background: url(../medias/pages/electro/plus_over.gif) no-repeat;
}

a#precedent{ 
		float: left;
		background: url(../medias/pages/electro/precedent.gif) no-repeat;
		width: 27px;
		height: 27px;
		margin-left: 2px;
}


a:hover#precedent{
		background: url(../medias/pages/electro/precedent_over.gif) no-repeat;
}

a#suivant{ 
		float: left;
		background: url(../medias/pages/electro/suivant.gif) no-repeat;
		width: 27px;
		height: 27px;
		margin-left: 2px;
}


a:hover#suivant{
		background: url(../medias/pages/electro/suivant_over.gif) no-repeat;
}



/*********************************************************************************************************/
/* PAGE FICHE CONSEIL  */
/*********************************************************************************************************/

#elements-fiche{
		background: url(../medias/pages/conseils/fond-socoach.jpg) no-repeat;
		width: 935px;
		height: 346px;
}

#elements-fiche #menu-fiche{
		float: left;
		width: 120px;
		margin-right: 15px;
}

#elements-fiche #menu-fiche #haut-fiche{
		height: 176px;
		width: 104px;
		padding-top: 15px;
		margin-bottom: 14px;
		color: #3a1304;
		font-size: 11px;
		text-align: left;
		padding-left: 8px;
		padding-right: 8px;
}

#elements-fiche #menu-fiche #bas-fiche{
		display: block;
		height: 132px;
		width: 104px;
		color: #3a1304;
		font-size: 11px;
		padding: 10px 8px 0 8px;
		text-align: left;
}

.lien2 a{
		margin-top: 8px;
		color: #3a1304;
		font-size: 11px;
		text-decoration: none;
		float: left;
}

.lien2 a:hover{
		color: #fff;
		font-size: 11px;
		text-decoration: none;
}

#elements-fiche #contenu-fiche{
		float: left;
		width: 342px;
		height: 316px;
		color: #3a1304;
		font-size: 13px;
		padding: 15px 20px 0 233px;
		text-align: left;
}

.tit-fiche01{
		color: #3a1304;
		font-size: 15px;
		font-weight: bold;
}

.tit-fiche02{
		color: #3a1304;
		font-size: 16px;
		font-weight: bold;
}

.tit-fiche03{
		color: #3a1304;
		font-size: 17px;
		/*font-weight: bold;*/
}


/*********************************************************************************************************/
/*  PAGE CONTACT  */
/*********************************************************************************************************/

#elements-contact{
		width: 920px;
		height: 345px;
		background: url(../medias/pages/contact/fond-socoach.jpg) no-repeat top left;
		text-align: left;
		padding-left: 15px;
}

#elements-contact-old{
		width: 920px;
		height: 345px;
		background: url(../medias/pages/contact/fond-socoach-old.jpg) no-repeat top left;
		text-align: left;
    padding: 10px 0 0 10px;
}

.input-contact{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 177px; 
		height: 13px; 
		border: solid 1px #fff;
}

.input-contact2{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		padding-left: 3px; 
		width: 254px; 
		height: 13px; 
		border: solid 1px #fff;
}

.input-contact-message{ 
		background-color: #fff;
		color: #3a1304;
		font-size: 10px;
		font-family: arial, sans-serif;
		padding-left: 3px; 
		width: 245px; 
		height: 217px; 
		border: solid 1px #fff;
}

.champs-contact{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
		padding-right: 5px;
		text-align: right;
}

.champs-contact-error{
        color: #f00;
        font-size: 12px;
        font-weight: bold;
        padding-right: 5px;
        text-align: right;
}

.champs-contact2{
		color: #3a1304;
		font-size: 12px;
		font-weight: bold;
}
.champs-contact2-error{
        color: #f00;
        font-size: 12px;
        font-weight: bold;
}
.dropdown{
	width:184px;
	font-size:10px;
}

.txtpt-contact{
		font-size: 9px;
		color: #3a1304;
		text-align: right;
		padding-right: 15px;
}

.txtmentions-contact{
		font-family: Arial;
		font-size: 9px;
		color: #3a1304;
		/*padding-top: 29px;*/
		/*padding-left: 5px;*/
		line-height: 9px;
		/*text-align: center;*/
}

a#btn-ok-contact{
		float: right;
		background: url(../medias/pages/espace-perso-modifcpte/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

a#btn-ok-contact:hover{
		float: right;
		background: url(../medias/pages/espace-perso-modifcpte/ok_over.gif) no-repeat;
}

.input-boite-contact{ 
		background-color: #d1d2d4;
		color: #3a1304;
		width: 15px; 
		height: 15px; 
		border: solid 1px #fff;
}

.txt-champs-contact{
		color: #3a1304;
		font-size: 10px;
		text-align: left;
}

#form-commande-cat {
	display:block;
	margin: auto;
    padding: 15px;
    width: 845px;
	height:160px;
	background:#d1d2d4;
	margin-bottom:20px;
}
#form-commande-cat .input-contact {
height: 16px;	
}
#titre-form-comande-cat {
	display: block;
    height: 30px;
    margin: auto;
    text-align: left;
    width: 845px;
}
#form-commande-cat a#btn-ok-contact{
		float: left;
		background: url(../medias/pages/espace-perso-modifcpte/ok.gif) no-repeat;
		width: 40px;
		height: 40px;
}

#form-commande-cat a#btn-ok-contact:hover{
		float: left;
		background: url(../medias/pages/espace-perso-modifcpte/ok_over.gif) no-repeat;
}




/*********************************************************************************************************/
/*  PAGE MENTIONS LEGALES  */
/*********************************************************************************************************/

#mentions{
		width: 775px;
		height: 346px;
		font-size: 11px;
		color: #1c1c1c;
		padding: 0 80px 0 80px;
		overflow: auto;
		text-align: left;
		scrollbar-face-color:#d1d2d4; 
		scrollbar-highlight-color:#d1d2d4; 
		scrollbar-3dlight-color:#C0C0C0; 
		scrollbar-darkshadow-color:#d1d2d4; 
		scrollbar-shadow-color:#808080; 
		scrollbar-arrow-color:#fff; 
		scrollbar-track-color:#f8f8f8;
}

.titres-mentions{
		color: #462806;
		font-size: 18px;
}


/*********************************************************************************************************/
/*  PAGE LA MARQUE SOcoo'c  */
/*********************************************************************************************************/

#marque{
		width: 935px;
		height: 346px;
}

.tit-marque{
		color: #000;
		font-size: 11px;
		font-weight: bold;
}

#marque #marque-gauche{
		float: left;
		width: 182px;
		height: 86px;
		text-align: left;
		background: url(../medias/pages/marque/gauche.jpg) no-repeat top left;
		color: #000;
		font-size: 10px;
		padding: 250px 20px 10px 13px;
}

#marque #marque-droite{
		float: right;
		width: 705px;
		height: 346px; 
}
#marque #marque-droite #m-page-haut{
		background:url(../medias/pages/marque/pointille_haut.gif) no-repeat #FFFFFF;
		width:701px;
		height:4px;
}
#marque #marque-droite #m-page-bas{
		background:url(../medias/pages/marque/pointille_bas.gif) no-repeat #FFFFFF;
		width:701px;
		height:4px;
		margin-top:1px;
}
#marque #marque-droite #m-page{
		display: block;
		color: #000;
		font-size: 10px;
		text-align: left;
		width: 673px;
		background:url(../medias/pages/marque/pointille_corps.gif) repeat-y #FFFFFF;
		padding: 13px 14px 10px 14px;
}
#marque #marque-droite #m-haut{
		display: block;
		color: #000;
		font-size: 10px;
		text-align: left;
		width: 209px;
		height: 129px;
		background: url(../medias/pages/marque/droite-haut.jpg) no-repeat top left;
		margin-bottom: 16px;
		padding: 13px 14px 10px 482px;
}

#marque #marque-droite #m-bas{
		display: block;
		float:left;
		color: #000;
		font-size: 10px;
		text-align: left;
		width: 212px;
		height: 159px;
		background: url(../medias/pages/marque/droite-bas.jpg) no-repeat top left;
		padding: 10px 365px 8px 8px;
}

#m-page-gauche{
		width: 200px;
		float: left;
}

#m-page-droite{
		width: 200px;
		float: left;
}

#m-page-gauche-li{
	list-style: circle;
}

.spacer{
		clear: both;
}


/****************************************************************** GIANNI ***/
.alert {
	background-color: #FFF;
	color: #F00;
	padding: 0.1em;
	margin: 5px;
	border: 1px solid #F00;
	text-align: left;
	font-size: small;
}

.disableField {
	background-color: #EEE;
	color: #999;
	display: block;
	line-height: 1.5em;
	text-align: left;
	padding-left: 2px;
}

.txt-alert, .error {
	color: #F00;
	font-weight: bold;
}

.alertMessage {
	color:#F33;
	font-size:x-small;
	font-weight:bold;
	text-align:left;
	padding:2px;
	margin:1px;
	background-color:#FFF;
}

.txt-champs-g-error {
		color: #F00;
		font-size: 12px;
		font-weight: bold;
}

.noFavs {
	display: block;
	margin: 10px 10px;
}

a.selected {
	color: #FFF;
}

a#btn-rapideok {
		margin-left: 20px;
		margin-top: 3px;
		float: right;
		background: url(../medias/pages/equipements/rapideok.gif);
		width: 42px;
		height: 42px;
}

a:hover#btn-rapideok {
		background: url(../medias/pages/equipements/rapideok_over.gif);
}


.gkselect {
	background: #FFF;
	font-size: 11px;
	border: 0;
}


/* page franchise */

#franchise{
	width: 935px;
}

#franchise #franchise-ligne01{
	width: 935px;
	margin-bottom: 15px;
	height: 150px;
}

#franchise #franchise-ligne01 #parag01-franchise{
	width: 175px;
	padding: 10px 10px 0 10px;
	font-size: 13px;
	color: #3a1309;
	font-weight: bold;
	text-align: left;
	float: left;
}

#franchise #franchise-ligne01 #parag02-franchise{
	width: 165px;
	padding: 10px 20px 0 20px;
	font-size: 11px;
	color: #3a1309;
	text-align: left;
	float: left;
}

#franchise #franchise-ligne01 #parag03-franchise{
	width: 165px;
	padding: 10px 20px 0 20px;
	font-size: 11px;
	color: #3a1309;
	text-align: left;
	float: left;
}

#franchise #franchise-ligne01 #parag04-franchise{
	width: 288px;
	height: 150px;
	float: right;
	background: url(../medias/pages/franchise/pointilles.gif) no-repeat;
}

#franchise #franchise-ligne01 #parag04-franchise #txt-franchise{
	margin: 33px 0 0 25px;
	font-size: 12px;
	color: #3a1309;
	text-align: left;
	float: left;
	width: 180px;
}

#franchise #franchise-ligne01 #parag04-franchise a#btn-franchise{
	float: left;
	background: url(../medias/pages/franchise/btn-franchise.gif) no-repeat;
	width: 45px;
	height: 46px;
	margin-left: 10px;
	margin-top: 90px;
}

#franchise #franchise-ligne01 #parag04-franchise a:hover#btn-franchise{
	background: url(../medias/pages/franchise/btn-franchise_over.gif) no-repeat;
}

#franchise #franchise-ligne02{
	width: 935px;
	height: 180px;
	display: block;
}

#franchise #callage-franchise{
	height: 10px;
	clear: both;
}


/* PAGE PLAN DU SITE */
#plan-site{
		width: 935px;
		background: url(../medias/pages/plan/fond-plansite.gif) repeat-y;
		padding-bottom: 12px;
}

#plan-site #bloc-cuisines{
		width: 177px;
		float: left;
		margin-right: 10px;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines{
		margin-left: 8px;
		width: 169px;
		font-size: 11px;
		color: #3a1309;
		text-align: left;
		margin-top: 15px;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines a{
		font-size: 11px;
		color: #3a1309;
		text-decoration: none;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines a:hover{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
}


.titre-liste{
		margin-top: 15px;
		font-size: 11px;
		color: #3a1304;
		margin-left: 13px;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines ul{
		padding: 0;
		margin: 0;
		margin-left: 16px;
		margin-top: 4px;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines li{
		list-style-type: none;
		font-size: 11px;
		color: #3a1304;
		line-height: 12px;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines li a{
		font-size: 11px;
		color: #3a1304;
		text-decoration: none;
}

#plan-site #bloc-cuisines #contenu-bloc-cuisines li a:hover{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
}

.titre-plan{
	background: url(../medias/pages/plan/fond-plansite-titre.gif) no-repeat;
	padding: 7px 0 0 16px;
	color: #3a1309;
	font-size: 12px;
	font-weight: bold;
	/*float: left;*/
	text-align: left;
	display: block;
	clear: both;
	height:37px;
}

.titre-plan2{
	background: url(../medias/pages/plan/fond-plansite-titre.gif) no-repeat;
	padding: 7px 0 0 16px;
	color: #3a1309;
	font-size: 12px;
	font-weight: bold;
	/*float: left;*/
	text-align: left;
	display: block;
	clear: both;
	height:37px;
	margin-left: 1px;
}

.titre-plan3{
	background: url(../medias/pages/plan/fond-plansite-titre2.gif) no-repeat;
	padding: 7px 0 0 16px;
	color: #3a1309;
	font-size: 12px;
	font-weight: bold;
	/*float: left;*/
	text-align: left;
	display: block;
	clear: both;
	height:37px;
	width:229px;
	margin-left: 1px;
	}

#plan-site #bloc-equipements{
		width: 177px;
		float: left;
		margin-right: 10px;
}

#plan-site #bloc-equipements #contenu-bloc-equipements{
		padding-left: 8px;
		width: 161px;
		font-size: 11px;
		color: #3a1309;
		text-align: left;
		padding-top: 15px;
}

.titre-liste-bloc{
		display: block;
}

#plan-site #bloc-equipements #contenu-bloc-equipements ul{
		padding: 0;
		margin: 0;
		margin-left: 16px;
}

#plan-site #bloc-equipements #contenu-bloc-equipements li{
		list-style-type: none;
		font-size: 11px;
		color: #3a1304;
}

#plan-site #bloc-equipements #contenu-bloc-equipements li a{
		font-size: 11px;
		color: #3a1304;
		text-decoration: none;
}

#plan-site #bloc-equipements #contenu-bloc-equipements li a:hover{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
}


#plan-site #bloc-presvous{
		width: 243px;
		float: left;
		margin-right: 10px;
}

#plan-site #bloc-presvous #contenu-bloc-presvous{
		margin-left: 8px;
		width:230px;
		font-size: 11px;
		color: #3a1309;
		text-align: left;
		margin-top: 15px;
}

#plan-site #bloc-presvous #contenu-bloc-presvous a{
		font-size: 11px;
		color: #3a1309;
		text-decoration: none;
}

#plan-site #bloc-presvous #contenu-bloc-presvous a:hover{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
}

#plan-site #bloc-contxt{
		width: 308px;
		float: left;
}

#plan-site #bloc-contxt #contenu-bloc-contxt{
		margin-left: 10px;
		width: 275px;
		font-size: 11px;
		color: #3a1309;
		text-align: left;
		margin-top: 15px;
}

#plan-site #bloc-contxt #contenu-bloc-contxt a{
		font-size: 11px;
		color: #3a1309;
		text-decoration: none;
}

#plan-site #bloc-contxt #contenu-bloc-contxt a:hover{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
}

#plan-site #bloc-contxt #contenu-bloc-contxt ul{
		padding: 0;
		margin: 0;
		margin-left: 16px;
		margin-bottom: 5px;
		margin-top: 5px;
}

#plan-site #bloc-contxt #contenu-bloc-contxt li{
		list-style-type: none;
		font-size: 11px;
		color: #3a1304;
		font-weight: normal;
}

#plan-site #bloc-contxt #contenu-bloc-contxt li a{
		font-size: 11px;
		color: #3a1304;
		text-decoration: none;
}

#plan-site #bloc-contxt #contenu-bloc-contxt li a:hover{
		font-size: 11px;
		color: #fff;
		text-decoration: none;
}

/* fin page plan du site */

#popup-prev-btn {
	float: left;
	width: 285px;
	text-align: left;
}
#popup-next-btn {
	float: left;
	width: 285px;
	text-align: right;
}

#carte{
	margin:0px;
	padding:0px;
}


#idcooc{text-align:left;position:relative;}
#idcooc .idcoocLienBleu{float:right;color:#6699a6;text-decoration:underline;font-size:11px;margin:0 15px 0 0;}
#idcooc .idcoocLienBleu:hover{text-decoration:none;}
#idcoocContenu{background:url(../medias/pages/idcooc/fond-concoctez-votre-cuisine-idcooc.jpg) no-repeat 0 bottom;height:365px;font-size:12px;color:#333;font-family:Arial,Verdana,sans-serif;}
#idcoocGauche{float:left;width:505px;}
#idcoocGauche p{position:relative;top:80px;left:25px;}
#idcoocGauche span, #idcoocDroite span{font-weight:bold;}
#idcoocDroite{float:left;width:400px;padding:60px 0 0 23px;}
#idcoocTelecharge p{float:left;width:135px;padding:5px 0 0;}
#idcoocTelechargeBTN{padding:2px 0 0 150px;}
#idcoocTelechargeBTN a{display:block;}
#idcoocTelechargeBTN a img{border:none;}
#idcoocCadeau{margin-top:100px;}
#idcoocCadeau p{width:215px;}
#idcoocCadeau .idcoocLienBleu{position:relative;top:-15px;}

#idcooc #bulleAide{display:none;position:absolute;top:50px;left:440px;background:url('../medias/pages/idcooc/fond-bulle-aide.png') no-repeat 0 0;width:291px;height:319px;font-size:12px;color:#333;font-family:Arial,Verdana,sans-serif;padding:20px 40px 0 20px;}
#idcooc #bulleAide ul{margin:0;padding:0;margin-left:15px;list-style:square;}
#idcooc #bulleAide span{font-weight:bold;}

#idcooc #bulleConditions{display:none;position:absolute;top:290px;left:260px;background:url('../medias/pages/idcooc/fond-bulle-conditions.png') no-repeat 0 0;width:508px;height:97px;font-size:12px;color:#333;font-family:Arial,Verdana,sans-serif;padding:20px 40px 0 20px;}

#btn-video-idcooc {
	width: 77px;
	height: 77px;
	display:block;
	position:absolute;
	top:0;
	left:-0;
	background-image: url('../medias/pages/idcooc/btn-video.png');
	background-repeat: no-repeat;
	background-position: left top;	
}
#btn-video-idcooc:hover {
	background-position:0 -77px;
	cursor:pointer;
}
#bouton-video {
	width: 100px;
	height: 100px;
	display:block;
	position:absolute;
	top:300px;
	left:411px;;
}


#favoris{text-align:left;}
#favoris img{border:none;}
#favoris p{color:#333;font-size:11px;}
#favoris p.intro{color:#333;font-size:11px;margin:0 0 30px;}
#favorisGauche{float:left;width:600px;position:relative;}
#favorisOnglets{border-bottom:3px solid #3a1309;}
#favorisOnglets a#onglet-cuisine{display:block;width:95px;height:24px;background:url('../medias/pages/favoris/onglet-cuisine.gif') no-repeat 0 0;float:left;margin:0 2px 0 0;}
#favorisOnglets a#onglet-equipement{display:block;width:131px;height:24px;background:url('../medias/pages/favoris/onglet-equipement.gif') no-repeat 0 0;float:left;}
#favorisOnglets a#onglet-cuisine:hover, #favorisOnglets a#onglet-cuisine.current, #favorisOnglets a#onglet-equipement:hover, #favorisOnglets a#onglet-equipement.current{background-position:0 -24px;}

#prevCuisine a, #prevEquipement a{
	display:block;
	width:30px;
	height:30px;
	background:url('../medias/pages/favoris/btn-prev.gif') no-repeat 0 0;
	visibility:hidden;
}
#nextCuisine a, #nextEquipement a{
	display:block;
	width:30px;
	height:30px;
	background:url('../medias/pages/favoris/btn-next.gif') no-repeat 0 0;
    visibility:hidden;
}
#prevCuisine a:hover, #nextCuisine a:hover, #prevEquipement a:hover, #nextEquipement a:hover{background-position:0 -30px;}
#prevCuisine, #prevEquipement{float:left;position:relative;top:-95px;}
#nextCuisine, #nextEquipement{float:right;position:relative;top:-95px;}
#favorisCuisines .mentions{font-size:10px;color:#666;margin:30px 0 0;}

#sliderCuisine, #sliderEquipement{
	width:540px;
	height:160px;
	overflow:hidden;
	margin:40px 0 0 35px;
	/*border:1px solid #ff0;*/
	position:relative;
}
#divSliderCuisine, #divSliderEquipement{
	height:160px;
	width:100000000px;
	left:0px;
	position:relative;
}

.divSlider{width:170px;height:160px;float:left;margin:5px;}
.divSlider .titre{display:block;font-size:17px;text-transform:uppercase;color:#333;font-weight:bold;font-family:Arial,Verdana,sans-serif;}
.divSlider .prix{display:block;font-size:16px;color:#333;font-family:Arial,Verdana,sans-serif;position:relative;top:-15px;}
.divSlider img{border:none;}
.divSlider .visuel{display:block;width:155px;height:105px;background:url('../medias/pages/favoris/fond-visuel.gif') no-repeat 0 0;padding:5px 0 0 5px;position:relative;}
.divSlider .visuel .over{position:absolute;top:5px;left:5px;display:none;}
.divSlider .visuel:hover .over{display:block;}
.divSlider .supprimer{position:relative;top:-120px;left:150px;}

#favorisDroite {width:310px;float:right;padding:25px 0 0}
#favorisPushEmail{width:293px;min-height:90px;background:url('../medias/pages/favoris/fond-push-email2.gif') no-repeat 0 0;padding:0 0 0 12px; border:2px dotted #bbbbbb}
#favorisPushEmail p{font-size:12px;color:#333;font-family:Arial,Verdana,sans-serif;margin:0 0 5px;padding:35px 0 0;}
#favorisPushEmail form{
	margin:10px 0 0 0;
	padding:0;
}
#favorisPushEmail input.email{
	border:1px solid #ccc;
	font-size:12px;
	color:#999;
	font-family:Arial,Verdana,sans-serif;
	width:188px;
	position:relative;
	top:-5px;
	margin-top:2px;
}
#favorisPushEmail input.email.champsLeft{
	width:135px;
	margin-bottom:5px;
}
#favorisPushEmail #infos-favoris{
	position:relative;top:2px;
}
#favorisPushEmail input.submit{
	width:84px;
	height:20px;
	background:url('../medias/pages/favoris/btn-envoyer.gif') no-repeat 0 0;
	margin-top:-20px;
}
#favorisPushEmail input.submit:hover{background-position:0 -20px;}
#favorisPushEmail p.remerciement{color:#3f1e15;font-size:11px;background-color:#cbdb3c;padding:2px;width:265px; display:none}

#favorisPushEmail p.informations{
	font-size:11px;
	margin:0px 0px 10px 0px;
	padding:0px;
	
}


#favorisPushRDV{margin-top:7px;}
#favorisPushRDV a{display:block;width:204px;height:63px;background:url('../medias/pages/magasin/rendez-vous-en-magasin.gif') no-repeat 0 0;padding:35px 95px 0 10px;font-size:12px;font-family:Arial,Verdana,sans-serif;color:#333;text-align:left;text-decoration:none;}

#favorisCuisines {height:235px;display:block;position:absolute;top:25px;width:600px;}
#favorisEquipements {height:235px;display:block;position:absolute;top:25px;width:600px;}

.titre-page-rdv{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url('../medias/pages/rdv/fond-titre.jpg') no-repeat top left;
		padding-left: 15px;
		padding-top: 33px;
		text-align: left; 
		margin-bottom: 0;
}
#contenu-rdv{
		width: 935px;
		height: 433px;
		 margin-top:-13px;
}

#rdv{text-align:left;color:#333;position:relative;}
#rdv .intro{font-size:11px;}
.rdvCol{font-size:12px;width:270px;float:left;}
.rdvCol.milieu{margin:0 60px 0;}
.rdvCol .titre{border-bottom:3px solid #3a1309;padding:0 0 4px;font-weight:bold;display:block;margin:0 0 20px; height: 16px;}

#rdv-error{
    color:#FF0000;
    font-size:11px;
}
#rdv #civilite{margin:0;}
#rdv #civilite p{float:left;width:100px;margin:0}
#rdv #civilite p.label_radio_error{color:#f00; font-weight:bold}
#rdv #civilite span{position:relative;top:-2px;}
#rdv #civilite span.mlle{margin:0 15px;}
#rdv form{margin:30px 0 0;padding:0;}
#rdv form p{clear:both;margin:5px 0;}
#rdv form p label{float:left;width:100px;}
#rdv form p input{border:1px solid #ccc;width:165px;color:#999}
#rdv form p input.error{border:1px solid #FF0000; font-weight:normal}
#rdv form p select{border:1px solid #ccc;width:168px;color:#999;}
#rdv form textarea{font-family:Verdana,sans-serif;border:1px solid #ccc;color:#999;font-size:12px;width:268px;height:120px;}
#rdv #newsletter{font-size:9px;margin:10px 0 0;}
#rdv #recInfo{position:relative;top:3px;margin:0 10px 0 0;}
#rdv #envoyer{display:block;width:77px;height:20px;background:url('../medias/pages/rdv/btn-envoyer.gif') no-repeat 0 0;float:right;margin:10px 0 0;}
#rdv #envoyer:hover{background-position:0 -20px;}
#rdvMentions{font-size:10px;color:#666;margin:40px 0 0;}
#rdvMentions a{font-size:10px;color:#666;text-decoration:underline;}
#rdvMentions a:hover{text-decoration:none;}
#rdv .intro.remerciement{margin:0 0 30px;}
#rdv img{border:none;}
#rdvBulleMentions{
	background:url('../medias/pages/rdv/bulle-mentions.png') no-repeat 0 0;
	width:520px;
	height:92px;
	padding:20px 0 0 20px;
	position:absolute;
	top:280px;
	left:120px;
	font-size:12px;
	font-family:Arial, Verdana,sans-serif;
	color:#333;
	display:none;
	/*border:1px solid #ff0;*/
	
}

.titre-popup-magasins{
	
	font-size:14px;
	
}
.texte-popup-magasins{
	
	font-size:10px;
	
}

/*********************************************************************************************************/
/*  PAGE NOTRE CATALOGUE  */
/*********************************************************************************************************/

#contenu-catalogue{
		width: 935px;
		height: 420px;
		margin-top:-10px;
}
.titre-page-catalogue{
		font-size: 20px;
		color: #fff;
		width: 920px;
		height: 40px;
		background: transparent url('../medias/pages/catalogue/fond-titre.jpg') no-repeat top left;
		padding-left: 15px;
		padding-top: 31px;
		text-align: left; 
		margin-bottom: 0;
}
.texte-titre-droite {
	display:block;
	float:right;
	width:260px;
	line-height:21px;
	margin-top:-10px;
}
*+html .texte-titre-droite {
	display:block;
	float:right;
	width:260px;
	line-height:21px;
	margin-top:-35px;
}
#commande-catalogue {
	width:660px;
	height:376px;
	display:block;
	float:left;
}
#commande-catalogue .intro{font-size:11px;padding-top:10px;}
*+html #commande-catalogue .intro{font-size:11px; padding-top:20px;}
#consultation-catalogue {
	width:275px;
	height:346px;
	display:block;
	float:left;
	padding-top: 30px;
	background-image: url('../medias/pages/catalogue/fond-consultation.jpg');
	background-repeat: no-repeat;
	background-position: 3px top;
}
#catMentions {
	font-size:10px;color:#666;margin:10px 0 20px 0;
}
#catMentions a{font-size:10px;color:#666;text-decoration:underline;}
#catMentions a:hover{text-decoration:none;}

#btn-consulter {
	display:block;
	width:146px;
	height:24px;
	background-image: url('../medias/pages/catalogue/btn-consulter.jpg');
	background-repeat: no-repeat;
	float:right;
	margin: 20px 20px 0 0;
}
#btn-consulter:hover {
	background-position:0 -24px;
	cursor:pointer;
}
#video-marque {
	display:block;
	float:left;
	height: 346px;
	text-align:left;
}
#marque-gauche-video{
		float: left;
		width: 182px;
		height: 66px;
		text-align: left;
		background: url(../medias/pages/marque/gauche.jpg) no-repeat top left;
		color: #000;
		font-size: 10px;
		padding: 270px 40px 10px 13px;
}
#video-idcooc {
	width: 595px;
	height: 346px;
	text-align:left;
	float:left;
}
#btn-video-marque {
	width: 118px;
	height: 177px;
	display:block;
	float:left;
	background-image: url('../medias/pages/marque/btn-video.gif');
	background-repeat: no-repeat;
	background-position: left top;	
}
#btn-video-marque:hover {
	background-position:0 -177px;
	cursor:pointer;
}
#btn-retour-marque {
	margin-top: 20px;
	display: block;
	color:#3A1304;
	text-decoration:none;
}
#btn-retour-marque:hover {
	color:#ffffff;
	text-decoration:none;
}
#idcooc-video-bloc-telecharger {
	display:block;
	float:left;
	background-image: url('../medias/pages/marque/bloc-telecharger-marque.png');
	background-repeat: no-repeat;
	background-position: left top;
	height: 182px;
	width: 246px;
	font-size:12px;
	padding:60px 20px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#idcooc-video-bloc-telecharger span { font-weight:bold;}
#idcooc-video-bloc-telecharger .idcoocLienBleu{float:right;color:#6699a6;text-decoration:underline;font-size:11px;margin:0 15px 0 0;}
#idcooc-video-bloc-telecharger .idcoocLienBleu:hover{text-decoration:none;}

/* PAGE QUALITE SOCOOC *********************/

#qualite-bloc-gauche {
	width: 232px;
	height: 261px;
	padding:85px 12px 0 12px;
	background: url('../medias/pages/qualite/titre-bloc-gauche.gif') no-repeat left top #cadb2a;
	float:left;
	text-align:left;
}
#qualite-bloc-gauche ul {
	list-style:none;
	padding:0;
	margin:0 0 30px 0;
}
*+html #qualite-bloc-gauche ul {
	margin:0 0 20px 0;
}
#qualite-bloc-gauche ul li{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#3a1309;
	padding-top:5px;
}
#qualite-bloc-centre {
	width: 267px;
	height: 301px;
	padding:25px 18px 20px 18px;
	background: url('../medias/pages/qualite/fond-bloc-centre.gif') no-repeat left top;
	float:left;
	text-align:left;
	margin-left:15px;
	font-size:11px;
	position:relative;
}
#qualite-bloc-centre .titre {
	font-size:14px;
	text-transform:uppercase;
	display:block;
	margin-bottom: 35px;
}
*+html #qualite-bloc-centre .titre {
	margin-bottom: 25px;
}
#label-sqs {
    display: block;
    height: 92px;
	width: 92px;
    position: absolute;
    right: -7px;
    top: -7px;
}
#qualite-bloc-droite {
	width: 303px;
	height: 346px;
	padding:0;
	float:left;
	text-align:left;
	margin-left:15px;
	font-size:11px;
	position:relative;
}
#qualite-bloc-droite-texte {
    background: url("../medias/pages/qualite/fond-bloc-droite.gif") no-repeat scroll left top transparent;
    color: #000000;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    height: 56px;
	width: 300px;
    padding: 15px 15px 20px 30px;
    text-align: left;
    text-decoration: none;
	margin-top:14px;
}
#qualite-bloc-droite-texte .titre {
	font-size:14px;
	text-transform:uppercase;
	display:block;
	margin-bottom: 10px;
}