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: 120px
}

#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: 156px;
}

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/espaceperso.gif);
		height: 29px;
		width: 95px;
}

a#btn5:hover, a#btn5.selected{
		background: url(../medias/menu/espaceperso_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: 15px;
		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;
}

#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;
}


/*********************************************************************************************************/
/*   BAS PAGE    */
/*********************************************************************************************************/
#bas{
		clear: both;
		width: 935px;
		height: 20px;
		text-align: left;
		background-color: #cadb2a;
		margin-top:17px;
}


#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);
}



/*********************************************************************************************************/
/* 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-left: 15px;
}

.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-contact2{
		color: #3a1304;
		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;
}



/*********************************************************************************************************/
/*  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;
		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 485px 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;
		height: 345px;
		background: url(../medias/pages/plan/fond-plansite.gif) no-repeat;
}

#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;
		font-weight: bold;
		text-decoration: none;
}

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


.titre-liste{
		margin-top: 15px;
		font-size: 9px;
		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: 9px;
		color: #3a1304;
		line-height: 10.5px;
}

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

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

.titre-plan{
	padding: 7px 0 0 16px;
	color: #3a1309;
	font-size: 12px;
	font-weight: bold;
	/*float: left;*/
	text-align: left;
	display: block;
	clear: both;
}

#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: 177px;
		float: left;
		margin-right: 10px;
}

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

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

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

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

#plan-site #bloc-contxt #contenu-bloc-contxt{
		margin-left: 8px;
		width: 365px;
		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;
}