p, h1, h2, h3, h4, ul, img, div {
	margin: 0;
	padding: 0;
}

test
{
	
}

html { background: #f2f2f2 url("images/bodyH.gif") 0 0 repeat-x; }

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Arial", Verdana, serif;
	font-size: 12px;
	font-weight: normal;
	color: #313131;
	background: url("images/bodyB.gif") left bottom repeat-x;
}

body#index {}

body#cms {}

div.page {
	width: 990px;
	margin: 0 auto;
	background: url("images/page-fond.gif") 221px 221px no-repeat;
}

div.doc-client {
	margin: 20px;
	/*text-align: center;*/
}


/*###########################
#							#
#	DIVERS					#	
#							#
###########################*/	

ul { list-style-type: none; }
a {	text-decoration: none; }
img { border:0; }

.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
.floatRight { float: right; }

.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.inline { display: inline; }

.block { display: block; }
.clear { clear: both; }
.spanClear { display: block; clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }

.error { border: 1px solid #ff0000; }

.emptybg{
    background:none;
    background-image:none;
}
/************** WIDTH ***************/
.width60{ width:60px;}
.width90{ width:90px;}
.width95{ width:95px;}
.width98{ width:98px;}
.width100{ width:100px;}
.width115{ width:115px;}
.width120{ width:120px;}
.width180{ width:180px;}
.width230{ width:230px;}
.widthFull{width:100%;};

/********** ESPACEMENTS *************/

/*.padT13 { padding-top: 13px; }*/

.margin10{margin:10px;}
.marginBottom10{margin-bottom:10px;}
.marginLeft10{margin-left:10px;}
.marginTop5{margin-top:5px;}
/********** COULEURS ****************/

.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #000000; } /* Noir */


/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	
	
div.haut {
	position: relative;
	width: 990px;
	/*height: 167px;*/
	z-index: 50;
}

	div.haut a#logo {
            float: left;
            display: block;
            width: 216px;
            height: 227px;
	}

        div.haut div.hautD {
            float: left;
            width: 754px; /* 774 */
            padding: 5px 0 0 20px;
        }

	div.haut div#menuH {
        width: 754px;
        height: 49px;
	}

            div#menuH ul { list-style-type: none; }

        /* Niveau 1 */
        div#menuH ul.ulHn1 li {
            position: relative;
            display: block;
            float: left;
            text-align: center;
        }

            div#menuH ul.ulHn1 li a {
                display: block;
                float: left;
                width: 125px;
                height: 39px; /* 49 */
                padding: 10px 0 0 0;
                font-size: 11px;
                font-weight: bold;
                text-transform: uppercase;
                text-align: center;
                color: #031311;
            }

                div#menuH ul.ulHn1 li:hover a {
                    color: #fdb6fd;
                    background-image: url("images/aHn1.jpg");
                    background-position: 0 0;
                    background-repeat: no-repeat;
                }


		/* Niveau 2 */
		div#menuH ul.ulHn1 li ul.ulHn2 {
			display: none;
			position: absolute;
			top: 49px;
			left: 0;
			width: 248px; /* 250 */
			padding: 8px 0;
			border: 1px solid #000000;
			background-color: #000000;
			background-image: none;
		}

			div#menuH ul.ulHn1 li ul.ulHn2 li {
				float: none;
				width: 248px;
				padding: 2px 0;
				
			}

				div#menuH ul.ulHn1 li ul.ulHn2 li a {
					display: block;
					float: none;
					width: 234px; /* 248 */
					height: auto !important;
					padding: 5px 14px;
					font-size: 11px;
					text-align: left;
					color: #fdb6fd;
					background-image: none;
				}

					div#menuH ul.ulHn1 li ul.ulHn2 li:hover a {
						color: #ffffff;
					}


		/* Niveau 3 */
		/*div#menuH ul.ulHn1 li ul.ulHn2 li ul.ulHn3 {
			display: none;
			position: absolute;
			top: -1px;
			left: 175px;
			width: 175px;
			border: 1px solid #990000;
			background-color: #ff9900;
			background-image: none;
		}

			div#menuH ul.ulHn1 li ul.ulHn2 li ul.ulHn3 li {
				width: 159px;
				padding: 10px 8px;
				text-align: left;
				background-image: url("images/liHn2.gif");
				background-position: center 0;
				background-repeat: no-repeat;
			}

					div#menuH ul.ulHn1 li ul.ulHn2 li ul.ulHn3 li.liHn3_1 { background-image: none; }

				div#menuH ul.ulHn1 li ul.ulHn2 li ul.ulHn3 li a {
					display: block;
					width: 150px;
					padding: 5px 0 5px 9px;
					font-size: 11px;
					font-weight: normal;
					background: url("images/aHn2.gif") 0 10px no-repeat;
				}

					div#menuH ul.ulHn1 li ul.ulHn2 li ul.ulHn3 li a:hover {color: #990000; }
                                */

		/* on mouse hover, show sub menu UL */
		div#menuH ul.ulHn1 li:hover ul.ulHn2,
		div#menuH ul.ulHn1 li ul.ulHn2 li:hover ul.ulHn3 {
			display : block;
		}
	
	div.haut div.pubH {
            clear: both;
            width: 730px;
            height: 92px;
            padding: 11px 0;
	}

        div.haut div.baseline, div.haut h1 {
            width: 730px;
            padding: 0;
            margin: 0;
            font-size: 14px;
            font-weight: normal;
            color: #555555;
            text-align: center;
            /*background: url("images/baseline.gif") center 0 no-repeat;*/
        }
        
	        div.haut div.baseline strong, div.haut h1 strong {
	        	display: block;
	        	font-size: 18px;
	        	font-weight: bold;
	        }

										
/*###############################
#								#
#	CONTENEUR					#
#								#
###############################*/

div.conteneur {
    width: 985px; /* 985 */
    padding: 0 0 30px 5px;
    /*background: url("images/conteneur-fond.gif") 0 0 repeat-y;*/
}

	/* TRACKER */
	div.tracker {
		float: left;
		width: 505px; /* 509 */
		padding: 8px 0 22px 4px;
	}
			
		div.tracker, div.tracker span, div.tracker a, body#cms div.contenu div.tracker a {
			font-size: 10px;
			color: #313131;
		}
		
			div.tracker a, body#cms div.contenu div.tracker a { text-decoration: underline !important; }


	/* PANIER */
    div.conteneur div.panier {
    	float: left;
        padding: 5px 0 3px 0;
    }

        div.conteneur div.panier a {
            display: block;
            width: 233px; /* 257 */
            padding: 5px 0 2px 24px;
            font-size: 11px;
            color: #312e1a;
            text-decoration: none;
            background: url("images/ico_panier.gif") 2px 0 no-repeat;
        }

            div.conteneur div.panier a:hover { text-decoration: undeline; }


	/* Bloc RECHERCHE */
	div.blocRecherche {
		float: left;
		width: 509px;
		padding: 0 0 0 9px;
	}
	
		div.rechForm { background: url("images/rechForm.gif") 0 0 repeat-y; }
		div.rechFormH { background: url("images/rechForm-h.gif") 0 0 no-repeat; }
		div.rechFormB {
			width: 498px;
			margin-bottom: 12px;
			background: url("images/rechForm-B.gif") 0 bottom no-repeat;
		}
		
		div.rechForm div.s1, div.rechForm div.s2, div.rechForm div.s3 {
			width: 489px;
			text-align: right;
		}
		
				div.rechForm div.s1 input.submit, div.rechForm div.s2 input.submit, div.rechForm  div.form input.submit{
					width: 57px;
					height: 24px;
					font-weight: bold;
					color: #ffffff;
					text-align: left;
					border: none;
					background: url("images/submit-1.gif") no-repeat scroll 0 2px;
					cursor: pointer;
				}
	
	
			div.rechForm div.s1 {
				height: 38px; /* 68 */
				padding: 30px 0 0 0;
				background: url("images/line-01.gif") 47px 66px no-repeat;
			}
			
				div.rechForm div.s1 label {
					font-size: 11px;
					margin-right:5px;
					text-transform: uppercase;
					color: #ffffff;
				}
				
				div.rechForm div.s1 input.txt {
					width: 156px;
					margin: 0 5px 0 10px;
					border: 1px solid #aeaeae;
				}
	
	
			div.rechForm div.s2 { padding: 12px 0 20px 0; }
			
			div.rechForm div.s2 input.txt {
					width: 128px;
					margin: 0 4px;
					border: 1px solid #aeaeae;
				}
				/*div.rechForm div.s2 select.sselect {
					width: 128px;
					margin: 0 4px;
					border: 1px solid #aeaeae;
				}*/
				div.rechForm div.s2 select{
					width: 205px;
					margin: 0 4px;
					border: 1px solid #aeaeae;
				}
			
			
				
			div.rechForm div.s3 { text-align: left; }
			
				div.rechForm div.s3 a.rechAvance {
					display: block;
					float: right;
					width: 144px; /* 157 */
					height: 16px; /* 20 */
					padding: 4px 0 0 13px;
					font-size: 10px;
					color: #ffffff;
					text-transform: uppercase;
					background: url("images/rechAvance.gif") 0 0 no-repeat;
				}
				
			div#rech_advance {
				position: relative;
				width: 489px;
				padding: 10px 0;
				text-align: right;
			}
			
				div#rech_advance select {
					width: 330px;
					margin: 4px 0;
					border: 1px solid #aeaeae;
				}
				
				div#rech_advance input.txt {
					width: 128px;
					margin: 4px 0;
					border: 1px solid #aeaeae;
				}
				
				div#rech_advance div {
					position: relative;
					width: 389px; /* 489 */
					padding-right: 100px;
				}
				
				div#rech_advance input#submit_th {
					position: absolute;
					top: 1px;
					right: 0;
				}
			
				a.jeParticipe {
					display: block;
					float: right;
					width: 60px; /* 157 */
					height: 16px; /* 20 */
					padding: 4px 0 0 13px;
					font-size: 10px;
					color: #ffffff;
					background: url("images/submit-2.gif") 0 0 no-repeat;
				}
				
				
    /* ESPACE PRO / CLIENT */
    div.conteneur div.espace {
    	float: left;
        width: 257px;
        height: 143px; /* 158 */
        padding: 15px 0 0 0;
        margin-top: -14px;
        background: url("images/d-espace.jpg") 0 0 no-repeat;
    }

        div.conteneur div.espace div.btn {
            width: 250px;
            height: 30px;
        }

        div.conteneur div.espace div.btn a {
            display: block;
            float: left;
            width: 92px;
            height: 16px; /* 30 */
            padding: 7px 0;
            margin: 0 4px 0 1px;
            text-align: center;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: bold;
            color: #014eb3;
        }

            div.conteneur div.espace div.btn a.noActive {
                font-weight: normal;
                color: #3c3c3c;
                background-color: #b5b3ad;
            }

        div.conteneur div.espace form { padding-top: 10px; }

        div.conteneur div.espace form div {
            width: 191px;
            margin: 4px 0;
            text-align: right;
        }

            div.conteneur div.espace form div label {
                padding-right: 8px;
                font-size: 11px;
                color: #676767;
            }

             div.conteneur div.espace form div input.txt {
                 width: 94px; /* 94 */
                 border: 1px solid #aeaeae;
             }

             div.conteneur div.espace form div a {
                 font-size: 11px;
                 color: #014eb3;
             }

                div.conteneur div.espace form div a:hover { text-decoration: underline; }

             div.conteneur div.espace form div.s1 { position: relative; }

                div.conteneur div.espace form div.s1 a {
                    position: absolute;
                    top: 0;
                    right: -28px;
                }

                    div.conteneur div.espace form div a:hover { text-decoration: underline; }
                    
    div.conteneur div.espace2 {
    	float: left;
        width: 237px; /* 257 */
        height: 143px; /* 158 */
        padding: 15px 10px 0 10px;
        margin-top: -14px;
        background: #E7E7DD;
        border: 1px solid #D0CDC8;
    }
    
    	div.conteneur div.espace2 p {
    		padding: 5px 0;
    	}

	 div.conteneur div.caroussel_news {
        width: 480px; 
        padding: 10px 10 15px 0;
        margin-top: 5px;
        background: #f8f8f8;
        border: 1px solid #d7d7d7;
        font-size: 11px;
        color: #312e1a;
    }
    
    	div.conteneur div.caroussel_news p.titre {
    		width: 480px; 
    		padding: 0 20px 15px 20px;
			
    	}
		div.conteneur div.caroussel_news p.titre2 {
    		width: 480px; 
    		padding: 0 20px 5px 20px;
			text-align:center;
			
    	}
	        div.conteneur  div.caroussel_news p.titre a {
	            font-size: 13px;
	            font-weight: bold;
	           color: #AC28AC;
	        }
			
			div.conteneur  div.caroussel_news p.titre2 a {
	            font-size: 13px;
	            font-weight: bold;
				color: #312e1a;
	        }
            	div.conteneur div.caroussel_news p.titre a:hover { text-decoration: underline; }
            	

        div.conteneur div.caroussel_news p.desc { padding: 15px 10px 10px 0;text-align:center; width:85%; margin-left:10px;}

        div.conteneur div.caroussel_news p.source span { color: #54534c; }

		 div.conteneur div.caroussel_news p.lire { text-align:right; width:90%; }
			
			div.conteneur div.caroussel_news p.lire a { color: #a032a0; }

				div.conteneur div.caroussel_news p.lire a:hover { text-decoration: underline; }
            
            

	div.conteneur div.caroussel_news div.container {
		position: relative;
		overflow: hidden;
		width: 450pxpx;
		height: 110px;
	}
	
		

		div.conteneur div.caroussel_news div.contenant {
			position: relative;
			overflow: hidden;
			float: left;
			width: 450pxpx; 
			height: 110px;
		}
		
			div.conteneur div.caroussel_news div.container ul {
				position: relative;
				list-style-type: none;
				padding: 0;
				margin: 0;
				top: 0;
				left: 0;
			
			}                  
			
				div.conteneur div.caroussel_news div.container ul li {
					display: block;
					float: left;
					width: 450pxpx;
					height: 110px;
				}

#warning
{
	color: #f00;
	display: none;
	float: left;
	font-size: 1.3em;
	height: 50px;
	margin-bottom: 10px;	
	margin-top: 10px;	
}

/*###############################
#								#
#	GAUCHE						#
#								#
###############################*/
	
div.gauche {
	position: relative;
	z-index: 50;
    float: left;
    width: 205px;
    padding: 44px 0 0 0;
    background: 0 0 repeat-y;
}

    div.gauche div.pubG {
    	min-height: 0;
        width: 166px; /* 205 */
        max-height: 146px; /* 159 */
        padding: 0 0 0 39px;
        background: url("images/pubG-fond.jpg") 0 0 no-repeat;
    }

	/* Menu G */
	/* Niveau 1 */
	div.gauche ul.ulGn1 li {
            position: relative;
            display: block;
            width: 203px; /* 205 */
            padding: 0;
            border: 1px solid #d5d5d5;
            border-top: 0;
            border-bottom: 0;
            background-color: #f2f2f2;
            background-image: url("images/liGn1.jpg");
            background-position: left bottom;
            background-repeat: no-repeat;
	}
		
            div.gauche ul.ulGn1 li a {
                display: block;
                width: 187px; /* 203 */
                padding: 5px 8px 5px 8px;
                border-bottom: 1px solid #fbfbfb;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
                text-decoration: underline;
                color: #ac28ac;
                background-color: #dfdfdf;
                background-image: url("images/aGn1.jpg");
                background-position: 0 0;
                background-repeat: no-repeat;
            }
		
                    div.gauche ul.ulGn1 li:hover a { color: #C55CC5; }

                div.gauche ul.ulGn1 li p {
                    width: 181px; /* 203 */
                    padding: 19px 0 23px 22px;
                    border-bottom: 1px solid #d5d5d5;
                }

                    div.gauche ul.ulGn1 li p a {
                        width: 152px; /* 159 */
                        padding: 2px 0 2px 7px;
                        font-size: 12px;
                        font-weight: bold;
                        color: #ffffff;
                        text-transform: none;
                        text-decoration: none;
                        background-image: url("images/aGn1-s1.gif");
                        background-position: 0 0;
                        background-repeat: no-repeat;
                    }
                    
                        div.gauche ul.ulGn1 li:hover p a { color: #f2f2f2; }


	/* Niveau 2*/
	div.gauche ul.ulGn1 li ul.ulGn2 {
            width: 183px; /* 203 */
            padding: 5px 0 15px 20px;
	}
	
            div.gauche ul.ulGn1 li ul.ulGn2 li {
                position: relative;
                width: 183px;
                padding: 0;
                background-color: transparent;
                background-image: none;
                border: 0;
            }

                div.gauche ul.ulGn1 li ul.ulGn2 li a, div.div_lien ul.ulGn2 li a{
                    display: block;
                    width: 171px; /* 183 */
                    padding: 0 0 0 12px;
                    font-size: 12px;
                    font-weight: normal;
                    text-decoration: none;
                    text-transform: none;
                    color: #312e1a;
                    background-color: transparent;
                    background-image: url("images/puce_fleche.gif");
                    background-position: 0 4px;
                    background-repeat: no-repeat;
                    border: 0;
                }

                        /*div.gauche ul.ulGn1 li ul.ulGn2 li a.parent {
                            background-image: url("images/aGn2.gif");
                            background-position: 165px center;
                            background-repeat: no-repeat;
                        }*/

                    div.gauche ul.ulGn1 li ul.ulGn2 li:hover a,div.div_lien ul.ulGn2 li:hover a { color: #C55CC5; }
	
		/* Niveau 3*/
	div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGns 
	{
		display: none;
	/*	position: absolute;
		float:left;*/
		top: 0;
		left: 160px;
		width: 220px;
		padding: 5px 0;
		border: 1px solid #dfdfdf;
		background-color: #f2f2f2;
		z-index:99 !important;
		/*background-color: #dfdfdf;*/
	}
	
		div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGns li {
			width: 220px;
			padding: 0;
			background-image: none;
			background-color: transparent;
			border: 0 !important;
		}
			
			div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGns li a {
				display: block;
				width: 200px; /* 220 */
				padding: 4px 10px;
				font-size: 11px;
				font-weight: bold;
				font-variant: normal;
                text-transform: none;
                text-decoration: none;
				color: #313131;
				background-image: none;
				background-color: transparent;
				border: 0 !important;
			}
			
				div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGns li a:hover  {
					//text-decoration: underline;
					color: #ac28ac;
				}
	
	
	/* on mouse hover, show sub menu UL */
	div.gauche ul.ulGn1 li ul.ulGn2 li:hover ul.ulGns{
		display : block;
	}
	
	
	
	
	
	/* Niveau 3*/
	div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGn3, 
	div.gauche ul.ulGn1 li ul.ulGn3 {
		display: none;
		position: absolute;
		top: 0;
		left: 203px;
		width: 220px;
		padding: 5px 0;
		border: 1px solid #dfdfdf;
		background-color: #f2f2f2;
		/*background-color: #dfdfdf;*/
	}
	
		div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGn3 li, 
		div.gauche ul.ulGn1 li ul.ulGn3 li {
			width: 220px;
			padding: 0;
			background-image: none;
			background-color: transparent;
			border: 0 !important;
		}
			
			div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGn3 li a, 
			div.gauche ul.ulGn1 li ul.ulGn3 li a {
				display: block;
				width: 200px; /* 220 */
				padding: 4px 10px;
				font-size: 11px;
				font-weight: bold;
				font-variant: normal;
                text-transform: none;
                text-decoration: none;
				color: #c55cc5;
				background-image: none;
				background-color: transparent;
				border: 0 !important;
			}
			
				div.gauche ul.ulGn1 li ul.ulGn2 li ul.ulGn3 li:hover a, 
				div.gauche ul.ulGn1 li ul.ulGn3 li:hover a {
					text-decoration: underline;
					color: #ac28ac;
				}
	
	
	/* on mouse hover, show sub menu UL */
	div.gauche ul.ulGn1 li ul.ulGn2 li:hover ul.ulGn3, 
	div.gauche ul.ulGn1 li:hover ul.ulGn3 {
		display : block;
	}
	
	
	/* Gauche Pro */
	div.gauchePro {
		position: relative;
		z-index: 50;
	    float: left;
	    width: 205px;
	    padding: 44px 0 0 0;
	    background: 0 0 repeat-y;
	}
	
	    div.gauchePro div.pubG {
	        width: 166px; /* 205 */
	        height: 133px; /* 143 */
	        padding: 10px 0 0 39px;
	        border-bottom: 1px solid #d5d5d5;
	        background: url("images/pubG-fond.jpg") 0 0 no-repeat;
	    }


/*###############################
#								#
#	CONTENU						#
#								#
###############################*/

div.contenu {
    float: left;
    width: 509px; /* 518 */
    padding: 0 0 0 9px;
}

/* GESTION PAGE AVEC LE CONTENU EN PLEINE PAGE */
body#pageProJoin div.contenu, 
body#pageProTraining div.contenu, 
body#addLieuForm div.contenu, 
body#editLieuForm div.contenu, 
body#addForm div.contenu, 
body#editForm div.contenu,
body#addOptionForm div.contenu, 
body#editOptionForm div.contenu,
body#lieuForm div.contenu,

body#lieuForm div.contenu {
	width: 980px;
	padding: 15px 0 0 0;
}


/* Navigation page */
div.navpage {
	padding: 10px 0;
	margin: 5px 0;
	text-align: center;
	border: 1px solid #CFCCC9;
}

	div.navpage a {
		color: #312E1A;
	}
	
		div.navpage span {
			font-weight: bold;
			color: #000000;
		}
	

/*###############################
#								#
#	DROITE						#
#								#
###############################*/
	
div.droite {
    float: left;
    width: 257px;
}
    div.droite div.voir a {
        display: block;
        width: 120px; /* 156 */
        height: 20px; /* 26 */
        padding: 6px 0 0 36px;
        font-size: 11px;
        color: #317bae;
        background: url("images/i-Favoris.gif") 0 0 no-repeat;
        margin-bottom:10px;
    }

    div.droite div.formRegion {
    	position: relative;
        width: 239px; /* 255 */
        height: 209px;
        padding: 8px;
        margin-top: 3px;
        border: 1px solid #d7d7d7;
        font-size: 11px;
        color: #312e1a;
        background: #e8e6de url("images/maps.jpg") 9px 33px no-repeat;
    }
    
    	div.droite div.formRegion select {
    		display: block;
    		width: 239px;
    	}
    	
    	div.droite div.formRegion p {
    		width: 94px; /* 239 */
    		padding: 0 0 0 145px;
    		font-size: 11px;
    		color: #000000;
    	}
    	
    			div.droite div.formRegion p.s1 { padding-top: 20px; padding-bottom: 10px; }
    	
	    	div.droite div.formRegion p span { color: #014eb3; }
	    	
	    	div.droite div.formRegion p.s2 a {
	    		display: block;
	    		width: 75px; /* 83 */
	    		height: 18px; /* 20 */
	    		padding: 2px 0 0 8px;
	    		font-size: 12px;
	    		font-weight: bold;
	    		color: #ffffff;
	    		background: url("images/btn_acceder.gif") 0 0 no-repeat;
	    	}
    	
    	div.droite div.formRegion a.demInfo {
    		position: absolute;
    		bottom: -1px;
    		left: -1px;
    		display: block;
    		width: 257px;
    		height: 48px;
    		background: url("images/d-demInfo.gif") 0 0 no-repeat;
    	}
    	
     
	/* PUB DROITE */
    div.droite div.pubD { margin-top: 5px; }


    /* CAROUSSEL ARTICLES */
    div.droite div.caroussel {
        width: 255px; /* 255 */
        padding: 10px 0 15px 0;
        margin-top: 5px;
        background: #f8f8f8;
        border: 1px solid #d7d7d7;
        font-size: 11px;
        color: #312e1a;
    }
    
    	div.droite div.caroussel p.titre {
    		width: 215px; /* 255 */
    		padding: 0 20px 5px 20px;
			
    	}
		div.droite div.caroussel p.titre2 {
    		width: 210px; /* 255 */
    		/*padding: 0 20px 5px 20px;*/
            font-size: 13px;
	        font-weight: bold;
			color: #312e1a;
			
    	}
	        div.droite div.caroussel p.titre a {
	            font-size: 13px;
	            font-weight: bold;
	           color: #AC28AC;
	        }
			
			 div.droite div.caroussel p.titre2 a {
	            font-size: 13px;
	            font-weight: bold;
				color: #312e1a;
	        }
            	div.droite div.caroussel p.titre a:hover { text-decoration: underline; }
            	

        div.droite div.caroussel p.desc { padding: 15px 0 10px 0; }

        div.droite div.caroussel p.source span { color: #54534c; }

        div.droite div.caroussel p.lire a { color: #a032a0; }

            div.droite div.caroussel p.lire a:hover { text-decoration: underline; }
            
            
    /* style Caroussel */
	div.droite div.caroussel div.container {
		position: relative;
		overflow: hidden;
		width: 255px;
		height: 110px;
	}
	
		/* Btn prec / suiv */
		div.droite div.caroussel div.prec, div.droite div.caroussel div.suiv {
			float: left;
			width: 20px;
			padding: 45px 0 0 0;
			text-align: center;
		}
		
			div.droite div.caroussel div.prec, div.droite div.caroussel div.suiv img { cursor: pointer; }
			
			div.droite div.caroussel div.suiv_disabled img { display: none; }
		
		/* contenant */
		div.droite div.caroussel div.contenant {
			position: relative;
			overflow: hidden;
			float: left;
			width: 215px; /* 255 */
			height: 110px;
		}
		
			div.droite div.caroussel div.container ul {
				position: relative;
				list-style-type: none;
				padding: 0;
				margin: 0;
				top: 0;
				left: 0;
				width: 100000px;
			}                  
			
				div.droite div.caroussel div.container ul li {
					display: block;
					float: left;
					width: 215px;
					height: 110px;
				}
    /* fin style Caroussel */
			

	/* QUIZZ */
    div.droite div.quizz {
    	position: relative;
    	width: 241px; /* 257 */
    	padding: 60px 8px 8px 8px;
    	margin-top: 5px;
    	font-size: 11px;
    	color: #312e1a;
    	background: #e8e6de;
    }
    
    	div.droite div.quizz a.titre {
    		position: absolute;
    		top: 0;
    		left: 0;
    		display: block;
    		width: 157px; /* 257 */
    		height: 37px; /* 52 */
    		padding: 15px 0 0 100px;
    		font-size: 16px;
    		font-weight: bold;
    		font-family: "Georgia", Arial, serif;
    		color: #27221f;
    		background: url("images/d-quizz.jpg") 0 0 no-repeat;
    	}
    	
    	div.droite div.quizz p.titre2 {
    		font-weight: bold;
    		text-transform: uppercase;
    	}
    	
    	div.droite div.quizz p.desc {
    		padding: 10px 0;
    		font-weight: bold;
    	}
    	
    	div.droite div.quizz ul li {
    		clear: both;
    		display: block;
    		width: 235px; /* 241 */
    		padding: 2px 0 2px 6px;
    		vertical-align: middle;
    	}
    	
    		div.droite div.quizz ul li input {
    			float: left;
    			display: block;
    			margin: 0 5px 0 0;
    		}
            
            
	/* NEWSLETTER */
    div.droite div.newsletter {
        width: 210px; /* 257 */
        height: 35px; /* 70 */
        padding: 35px 0 0 47px;
        margin-top: 7px;
        background: url("images/d-newsletter.gif") 0 0 no-repeat;
    }
     	    div.droite div.newsletter form div input.txt {
	    	width: 128px;
	    	border: 1px solid #aeaeae;
	    }
	    div.droite div.newsletter span{
		color:red;
		float:left;
		font-weight:bold;
		margin-top:10px;
	}

	    div.droite div.newsletter form div input.submit {
	    	width: 57px;
	    	height: 24px;
	    	margin-left: 8px;
	    	background: url("images/submit-1.gif") 0 2px no-repeat;
	    	border: 0;
	    	font-weight: bold;
	    	color: #ffffff;
	    	text-align: left;
	    	cursor: pointer;
	    }
	    
	    div.droite div.newsletter p.s1 {
	    	align: center;
	    	font-weight: bold;
	    	color: #ffffff;
	    }

		
		div.droite div.news_ok  {
			color : #A032A0;
			font-weight:bold;
		}

/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
div.bas {
    clear: both;
    width: 950px;
    height: 55px; /* 75 */
    padding: 20px 20px 0 20px;
    text-align: center;
    background: 0 0 no-repeat;
}

    div.bas, div.bas a {
        font-size: 12px;
        color: #ffffff;
    }

        div.bas a:hover { text-decoration: underline; }


/*###############################
#								#
#	INDEX						#
#								#
###############################*/
	
/* Home GAUCHE */
body#index div.homeG {
	float: left;
	width: 190px;
	margin-top: 3px;
	background: url("images/home-g.gif") 0 0 repeat-y;
}

	body#index div.homeG h2 a.titrePromo {
		display: block;
		width: 97px; /* 190 */
		height: 50px; /* 68 */
		padding: 18px 0 0 93px;
		font-size: 13px;
		font-family: "Georgia", Arial, serif;
		color: #0d408e;
		background: url("images/i-formPromo.gif") 0 0 no-repeat;
	}
    body#index div.homeG h2 .petit_titre{
		font-size: 15px;
        font-weight:bold;
	}
	
	/* Block des formations */
	body#index div.homeG div.block {
		width: 190px; /* 190 */
		padding: 22px 0 10px 0;
		background-image: url("images/i-separBlock.gif");
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
			body#index div.homeG div#i_block1 { background-image: none; }
	
		/* Gestion des puces */	
		body#index div.homeG div.rouge h3 { background: url("images/i-block1.gif") 0 0 no-repeat; }
		body#index div.homeG div.vert h3 { background: url("images/i-block2.gif") 0 0 no-repeat; }
		body#index div.homeG div.orange h3 { background: url("images/i-block3.gif") 0 0 no-repeat; }
	
			body#index div.homeG div.block h3 a {
				display: block;
				width: 162px; /* 190 */
				padding: 1px 0 15px 28px;
				width: 125px; /* 190 */
				padding: 1px 0 5px 28px;
				line-height: 12px;
				font-size: 12px;
				font-weight: normal;
				color: #312e1a;
			}
			
				body#index div.homeG div.block h3 a strong {
					display: block;
					cursor: pointer;
				}
				
			body#index div.homeG div.block h3 a strong {
				display: block;
				cursor: pointer;

			}
			body#index div.block div.img {
			/*position: relative;*/
			/*top: 45px;
			right: 5px;*/
			margin-right:10px;
			vertical-align:top;

			}	
			body#index div.homeG div.block p.desc {
				width: 163px; /* 190 */
				padding: 0 0 10px 15px;
				font-size: 11px;
				color: #312e1a;
			}
			
			body#index div.homeG div.block div.prix {
				width: 153px; /* 153 */
				height: 43px;
				padding: 0 0 0 27px;
				background: url("images/i-prix.gif") 27px 0 no-repeat;
			}
			body#index div.block div.prix2 {
				width: 100px; /* 100 */
				height: 18px; /* 20 */
				padding: 2px 0 0 37px;
				text-align: center;
				background: url("images/i-prix2.gif") 37px 0 no-repeat;
			}
				body#index div.homeG div.block div.prix div.prixG {
					float: left;
					width: 88px; /* 88 */
					height: 27px;
					text-align: right;
				}
				
					body#index div.homeG div.block div.prix div.prixG span {
						display: block;
						padding: 2px 0 4px 0;
						font-size: 11px;
						color: #312e1a;
					}
					
						body#index div.homeG div.block div.prix div.prixG span.s1 { text-decoration: line-through; }
						
						body#index div.homeG div.block div.prix div.prixG span.s2 {
							font-size: 12px;
							font-weight: bold;
							color: #ec0a38;
						}
						body#index div.block div.prix2 span.s2 {
							font-size: 12px;
							font-weight: bold;
							color: #ec0a38;
						}
					
					
					body#index div.homeG div.block div.voir {
						width: 163px; /* 190 */
						padding: 10px 0 5px 15px;
					}
					
						body#index div.homeG div.block div.voir a {
							display: block;
							width: 120px; /* 156 */
							height: 20px; /* 26 */
							padding: 6px 0 0 36px;
							font-size: 11px;
							color: #317bae;
							background: url("images/i-voirForm.gif") 0 0 no-repeat;
						}
					
					body#index div.homeG div.block div.type, body#index div.homeG div.block div.lieu {
						width: 147px; /* 190 */
						padding: 0 0 1px 15px;
					}
					
						body#index div.homeG div.block div.type a, body#index div.homeG div.block div.lieu a {
							display: block;
							width: 125px; /* 147 */
							padding: 2px 0 2px 22px;
							font-size: 11px;
							color: #51504e;
						}
					
							body#index div.homeG div.block div.type a { background: url("images/i-typeForm.gif") 0 0 no-repeat; }
							body#index div.homeG div.block div.lieu a { background: url("images/i-lieuForm.gif") 0 1px no-repeat; }
						
			
				body#index div.homeG div.block div.prix div.prixD {
					position: relative;
					float: left;
					width: 38px;
					height: 13px; /* 27 */
					padding: 14px 0 0 27px;
					font-size: 11px;
					color: #ffffff;
					text-align: center;
					overflow: hidden;
				}
	
	
	body#index div.homeG a.voirPromos {
		display: block;
		width: 148px; /* 190 */
		height: 29px; /* 49 */
		padding: 20px 0 0 42px;
		font-size: 12px;
		font-weight: bold;
		color: #312e1a;
		background: url("images/i-voirPromos.jpg") 0 0 no-repeat;
	}
		
	body#index div.homeG a.voirBonPlan {
		display: block;
		width: 190px;
		height: 42px;
		background: url("images/i-voirBonPlan.gif") 0 0 no-repeat;
	}

        
#divScroll {
	width: 239px;
	height: 100px;
	margin-top: 10px;
	visibility: block;
}
    
    
/* Home DROITE */
body#index div.homeD {
	float: left;
	width: 312px; /* 319 */
	padding-left: 7px;
}

	body#index div.homeD div.blockD {
		position: relative;
		width: 280px; /* 312 */
		height: 233px;
		padding: 0 18px 0 14px;
		margin-bottom: 4px;
		background: url("images/i-blockD.jpg") 0 0 no-repeat;
	}
	
			body#index div.homeD div#i_blockD2 { background: url("images/i-blockD-2.jpg") 0 0 no-repeat; }
			body#index div.homeD div#i_blockD4 { background: url("images/i-blockD-4.jpg") 0 0 no-repeat; }
			
	
		body#index div.homeD div.blockD h2 {
			width: 280px;
			padding: 20px 0 15px 0;
		}
	
			body#index div.homeD div.blockD h2, 
			body#index div.homeD div.blockD h2 a {
				font-family: "Georgia", Arial, serif;
				font-size: 16px;
				color: #27221f;
			}
			
		body#index div.homeD div.blockD p {
			width: 243px; /* 280 */
			padding: 0 0 0 37px;
			font-size: 12px;
			color: #312e1a;
			background-position: 14px 0;
			background-repeat: repeat-y;
		}
		
		body#index div.homeD div.blockD div.plus {
			font-weight: bold;
		}
		
		body#index div.homeD div.blockD div.catcher {
			padding-left: 15px; 
			margin-left : 15px;
			margin-bottom: 15px;
		}
		
		body#index div.homeD div.blockD div.text1 div.left {
			float: left;
			margin: 0 10px 10px 0;
			text-align: center;
		}
		
		body#index div.homeD div.blockD div.text1 div.right {
			float: right;
			margin: 0 0 10px 10px;
			text-align: center;
		}
		
		body#index div.homeD div.blockD div.text1 div.last {
			margin-right: 0;
		}
		
		body#index div.homeD div.blockD div.text1  a { 
			 font-weight: bold;
			 text-align: right;
		}
		
		
		body#index div.homeD div.blue div.catcher { border-left: 1px solid #A032A0; }
		body#index div.homeD div.blue div.text1 a { color: #A032A0;}
		
		body#index div.homeD div.purple div.catcher  { border-left: 1px solid #014EB3; }
		body#index div.homeD div.purple div.text1 a { color: #014EB3; }

		
		/* Particularité BLOCS */
	/*	body#index div.homeD div#i_blockD1 p, body#index div.homeD div#i_blockD3 p { background-image: url("images/line-02.gif"); }
		
		body#index div.homeD div#i_blockD2 p, body#index div.homeD div#i_blockD4 p { background-image: url("images/line-03.gif"); }
		
		body#index div.homeD div#i_blockD1 div.plus a, body#index div.homeD div#i_blockD3 div.plus a { color: #014eb3; }
		
		body#index div.homeD div#i_blockD2 div.plus a, body#index div.homeD div#i_blockD4 div.plus a { color: #a032a0; }*/
		
		/* En savoir plus */
		/*body#index div.homeD div#i_blockD1 div.plus, body#index div.homeD div#i_blockD3 div.plus { padding: 15px 0 0 37px; }
		
		body#index div.homeD div#i_blockD4 div.plus {
			position: absolute;
			width: 120px;
			top: 183px;
			left: 16px;
		}
		
		body#index div.homeD div#i_blockD2 div.plus {
			position: absolute;
			width: 130px;
			top: 175px;
			left: 152px;
		}*/

/*###############################
#								#
#	SEARCH						#
#								#
###############################*/

	body#pageSearch h1 {
		width: 500px; /* 509 */
		padding-left: 9px;
	}

	body#pageSearch div.desc {
		width: 505px; /* 509 */
		padding: 10px 0 5px 4px;
	}
	
	/* Block de la recherche */
	body#pageSearch div.block {
		position: relative;
		float: left;
		width: 245px;
		height:250px;
		padding: 10px 0 10px 0;
		margin-top: 11px;
		background: url("images/search-bloc.gif") 0 0 repeat-y;
	}
	
			body#pageSearch div.blockL { margin-right: 8px; }
	
		body#pageSearch div.block div.img {
			float:right;
            padding-right:4px;
		}
		
			body#pageSearch div.block div.img img
			{
				border: 1px solid #b2b0ac;
				font-size: 0.9em;
			}

			body#pageSearch div.block div.img img.logo
			{
				border: 1px solid #b2b0ac;
				float: left;
				font-size: 0.9em;
			}

			body#pageSearch div.block div.img img.missing
			{
				height: 65px;
				width: 65px;
			}
			
		/* Gestion des puces */
		body#pageSearch div.rouge h2 { background: url("images/i-block1.gif") 0 0 no-repeat; }
		body#pageSearch div.vert h2 { background: url("images/i-block2.gif") 0 0 no-repeat; }
		body#pageSearch div.orange h2 { background: url("images/i-block3.gif") 0 0 no-repeat; }
	
			body#pageSearch div.block h2 a {
				display: block;
				width: 162px; /* 190 */
				padding: 3px 0 20px 28px; /* 1px 0 15px 28px;*/
				line-height: 12px;
				font-size: 13px; /* 11px */
				font-weight: normal;
				color: #312e1a;
			}
			
				body#pageSearch div.block h2 a strong {
					display: block;
					cursor: pointer;
				}
				
			body#pageSearch div.block p.desc {
				width: 144px; /* 190 */
				padding: 0 0 15px 27px;
				font-size: 11px;
				color: #312e1a;
				height:60px;
			}
			
			body#pageSearch div.block div.prix2 {
				width: 100px; /* 100 */
				height: 18px; /* 20 */
				padding: 2px 0 0 37px;
				text-align: center;
				background: url("images/i-prix2.gif") 37px 0 no-repeat;
			}
			
			body#pageSearch div.block div.prix {
				width: 153px; /* 153 */
				height: 43px;
				padding: 0 0 0 37px;
				background: url("images/i-prix.gif") 37px 0 no-repeat;
			}
			
				body#pageSearch div.block div.prix div.prixG {
					float: left;
					width: 88px; /* 88 */
					height: 27px;
					text-align: right;
				}
				
					body#pageSearch div.block div.prix div.prixG span {
						display: block;
						padding: 2px 0 4px 0;
						font-size: 11px;
						color: #312e1a;
					}
					
						body#pageSearch div.block div.prix div.prixG span.s1 { text-decoration: line-through; }
						
						body#pageSearch div.block div.prix div.prixG span.s2, 
						body#pageSearch div.block div.prix2 span.s2 {
							font-size: 12px;
							font-weight: bold;
							color: #ec0a38;
						}
						
					body#pageSearch div.block div.voir {
						width: 163px; /* 190 */
						padding: 10px 0 5px 37px;
					}
					
						body#pageSearch div.block div.voir a {
							display: block;
							width: 120px; /* 156 */
							height: 20px; /* 26 */
							padding: 6px 0 0 36px;
							font-size: 11px;
							color: #317bae;
							background: url("images/i-voirForm.gif") 0 0 no-repeat;
						}
					
					body#pageSearch div.block div.type, body#pageSearch div.block div.lieu {
						width: 147px; /* 190 */
						padding: 0 0 1px 43px;
					}
					
						body#pageSearch div.block div.type a, body#pageSearch div.block div.lieu a {
							display: block;
							width: 125px; /* 147 */
							padding: 2px 0 2px 22px;
							font-size: 11px;
							color: #51504e;
						}
					
							body#pageSearch div.block div.type a { background: url("images/i-typeForm.gif") 0 0 no-repeat; width:200px;}
							body#pageSearch div.block div.lieu a { background: url("images/i-lieuForm.gif") 0 1px no-repeat; }
						
				body#pageSearch div.type {
						width: 147px; /* 190 */
						/*padding: 0 0 1px 43px;*/
						float:left;
					}
				
					
						body#pageSearch  div.type a{
							display: block;
							width: 125px; /* 147 */
							padding: 2px 0 2px 22px;
							font-size: 11px;
							color: #51504e;
						}
						body#pageSearch  div.type a { background: url("images/i-typeForm.gif") 0 0 no-repeat; width:200px;}
				body#pageSearch div.block div.prix div.prixD {
					position: relative;
					float: left;
					width: 38px;
					height: 13px; /* 27 */
					padding: 14px 0 0 27px;
					font-size: 11px;
					color: #ffffff;
					text-align: center;
					overflow: hidden;
				}


	/* Navigation Search */
	body#pageSearch div.navig {
		width: 494px; /* 509 */
		padding: 12px 0;
		margin: 10px 0 0 3px;
		text-align: right;
		border: 1px solid #cfccc9;
	}
	
		body#pageSearch div.navig a {
			margin: 0 9px;
			color: #313131;
		}
		
			body#pageSearch div.navig a.active {
				font-weight: bold;
				color: #a032a0;
			}

	
	body#pageSearch div.affineSearch {
		width: 476px; /* 509 */
		margin: 9px 0 0 3px;
		padding: 10px;
		background: #d9d7d0;
	}
	
		body#pageSearch div.affineSearch div.titre {
			padding-bottom: 8px;
			font-family: "Georgia", Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #000000;
		}
		
		body#pageSearch div.affineSearch p {
			padding: 1px 0;
			color: #3a3a3a;
			font-weight: bold;
		}
		
			body#pageSearch div.affineSearch p a { color: #000000; }
			
				body#pageSearch div.affineSearch p a:hover { text-decoration: underline; }
			
		
	body#pageSearch div.infoSearch {
		width: 476px; /* 509 */
		margin-left: 3px;
		padding-top: 25px;
		text-align: center;
	}
	
		body#pageSearch div.infoSearch p { color: #313131; }
		
			body#pageSearch div.infoSearch p a {
				font-size: 12px;
				font-weight: bold;
				color: #0000ff;
				text-decoration: underline;
			}
			
	body#pageSearch ul.results,
	body#pageSearch div.results	
	{
		padding-left: 9px;
		margin-top: 10px;
	}

	body#pageSearch div.results
	{
		margin-top: 0px;		
	}
	
/*###############################
#								#
#	CMS							#
#								#
###############################*/

body#cms div.contenu {
    float: left;
    width: 500px; /* 518 */
    padding: 0 9px 0 9px;
}

/* LES TITRES */

	div.cms h1 {
		width: 495px; /* 500 */
		padding: 0 0 5px 5px;
		font-size: 20px;
		font-weight: bold;
		color: #312e1a;
	}

	div.cms h2 {
		padding: 35px 0 2px 0;
		margin-bottom: 10px;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		color: #a032a0;
		border-bottom: 1px solid #aaaaaa;
	}

	div.cms h3 {
		width: 485px; /* 500 */
		padding: 0 0 10px 15px;
		margin-top: 15px;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		background: url("images/puce_fleche2.gif") 0 3px no-repeat;
	}
	
	div.cms h4 {
		width: 480px; /* 500 */
		font-size: 12px;
		font-weight: bold;
		color: #313131;
		padding: 10px 0 5px 20px;
	}

/* DIVERS COMMUN */

	div.cms a {
		color: #0000FF;
		text-decoration: underline;
	}
	
	div.cms a:visited {
		color: #0000FF;
		text-decoration: underline;
	}
	
	div.cms q { /*legende*/
		display: block;
		color: #313131;
		text-align: center;
		font-style: normal;
		font-size: 10px;
	}
	

	div.cms ul {
		padding: 10px 0 10px 25px;
		list-style-type: none;
	}
	
			div.cms ul li {
				padding: 2px 0 2px 15px;
				/*background: url("images/croix_bleue.gif") 0 6px no-repeat;*/
			}
	
	
	div.cms .catcher {
		width: 500px;
		/*background: url("images/accroche.gif") 0 0 repeat-y;*/
	}
	
		/*body#cms div.contenu .catcherH { background: url("images/accrocheH.gif") 0 0 no-repeat; }
		body#cms div.contenu .catcherB {
			width: 410px;
			padding: 12px 13px 12px 16px;
			font-size: 12px;
			text-align: justify;
			font-weight: normal;
			font-style: italic;
			color: #313131;
			background: url("images/accrocheB.gif") 0 bottom no-repeat;
		}*/
	
	div.cms .media {
		overflow: hidden;
		width: 500px;
		padding: 20px 0;
	}
	
	div.cms .text1, div.cms .text2, div.cms .text3 {
		color: #313131;
		text-align: justify;
		font-size: 12px;
		padding: 5px 0;
	}
	
	div.cms .text1 {
		width: 500px;
	}
	
	
	div.cms .text2 {
		float: left;
		width: 48%;
		margin-right: 2%;
		padding-bottom: 15px;
	}
	
	div.cms .text3 {
		float: left;
		width: 31.5%;
		margin-right: 2%;
		padding-bottom: 15px;
	}
	
	div.cms .last {
		margin-right: 0;
	}
	
	div.cms .left {
		float: left;
		margin: 0 10px 10px 0;
		text-align: center;
	}
	
	div.cms .right {
		float: right;
		margin: 0 5px 10px 10px;
		text-align: center;
	}
	
	div.div_lien div.savoirplus {
		text-decoration: none;
		color: #312e1a;;	
     }
	
	div.div_lien ul.ulGn2 li a{
		display: block;
		width: 171px; /* 183 */
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		text-transform: none;
		color: #312e1a;
		background-color: transparent;
		background-image: url("images/puce_fleche.gif");
		background-position: 0 4px;
		background-repeat: no-repeat;
		border: 0;
     }

	 div.div_lien div.savoirplus a:hover, div.div_lien ul.ulGn2 li:hover a { color: #C55CC5; }
	
	
	
	
/* Plus d'info + Voir aussi */
div.cms div#compInfo {
	width: 500px;
	padding-top: 30px;
}

	div.cms div#compInfo div.s1, div.cms div#compInfo div.s2 {
		float: left;
		width: 225px;
	}
	
		div.cms div#compInfo div.s1 { padding-right: 25px; }

	div.cms div#compInfo p {
		/*margin-bottom: 10px;
		padding: 0 0 2px 0;
		border-bottom: 1px solid #1690DF;*/
		padding-bottom: 5px;
		color: #1690DF;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	
	div.cms div#compInfo ul { padding-left: 5px; }
	

/*###############################
#								#
#	CONTACT						#
#								#
###############################*/

	body#contact  div.contenu h1 {
		width: 480px;
		/*color: #fd7d00;*/
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		padding-bottom: 13px;	
	}	
	
	body#contact  div.contenu div.presentation {
		width: 380px; /*480 */
		padding: 10px 100px 10px 0;
		font-size: 12px;
		text-align: left;
	}
		
		body#contact div.contenu a { color: #5d5d5d; text-decoration: underline; }

		body#contact div.contenu span.or { display: block; padding-top: 10px; }

		body#contact div.contenu form {
			font-size: 12px;
			color: #323232;
			padding-top: 15px;
		}
			
			body#contact div.contenu form div {
				margin-top: 4px;
				width: 450px;
				text-align: right;
			}
			
				body#contact div.contenu form div.s1 { padding-top: 10px; }
				body#contact div.contenu form div.s2 {
					padding-top: 10px;
					text-align: right;
				}
			
			body#contact div.contenu label {
				cursor: pointer;
				padding-right: 5px;
			}
			
			body#contact div.contenu ul#usr_title {
				float: right;
				width: 270px;
			}
			
				body#contact div.contenu ul#usr_title li {
					float: left;
				}
			
			body#contact div.contenu input.text, body#contact div.contenu textarea{
				width: 260px;
				font-size:12px;
				padding: 3px;
				color: #313131;
				vertical-align: middle;
			}
			
				body#contact  div.contenu input.text { vertical-align: middle; }
				body#contact  div.contenu textarea { vertical-align: top; }
			
			body#contact  div.contenu select {
				width: 268px;
				padding: 2px;
			}
			
			body#contact  div.contenu input.text, body#contact  div.contenu textarea, body#contact  div.contenu select {
				border: 1px solid #AEAEAE;
			}
			
			body#contact  div.contenu input.text {
				height: 17px;
				background-image: url("images/contact_input.jpg");
				background-position: left bottom;
				background-repeat: repeat-x;
				background-color: #ffffff;
			}
			
			body#contact  div.contenu textarea {
				height: 70px;
				background-image: url("images/contact_textarea.jpg");
				background-position: left bottom;
				background-repeat: repeat-x;
				background-color: #ffffff;
				overflow-y: auto;
				overflow-x: hidden;
			}
			
			body#contact div.contenu input.error, body#contact div.contenu textarea.error {
				border: 1px solid #ff6666;
				background-image: none;
				background-color: #fde4e4;
			}
			
			body#contact  div.contenu p {
				width: 376px;
				padding-top: 16px;
			}
			
				/*div#contact div#btn_envoyer input {
					width: 186px;
					height: 31px;
					background: url("images/contact_btn.jpg") 0 0 no-repeat;
					border: 0;
				}*/
				
			.hidden{
				display : none;
			}
			
			
/*###############################
#								#
#	CONNEXION					#
#								#
###############################*/
		
body#pageConnexion {

}

	body#pageConnexion div.contenu form { padding-top: 10px; }
	
	body#pageConnexion div.contenu form div {
	    width: 360px;
	    margin: 8px 0;
	    text-align: right;
	}
	
	    dbody#pageConnexion div.contenu form div label {
	        padding-right: 8px;
	        font-size: 11px;
	        color: #676767;
	    }
	
	     body#pageConnexion div.contenu form div input.txt {
	         width: 94px; /* 94 */
	         border: 1px solid #aeaeae;
	     }
	
	     body#pageConnexion div.contenu form div a {
	         font-size: 11px;
	         color: #014eb3;
	     }
	
	        body#pageConnexion div.contenu form div a:hover { text-decoration: underline; }
	
	     body#pageConnexion div.contenu form div.s1 { position: relative; }
	
	        /*body#pageConnexion div.contenu form div.s1 a {
	            position: absolute;
	            top: 0;
	            right: -28px;
	        }*/
	
	            body#pageConnexion div.contenu form div a:hover { text-decoration: underline; }
	            
	            
/*###############################
#								#
#	ESPACE PRO					#
#								#
###############################*/

/* Navigation */
div.contenu div.onglets {
	position: relative;
	width: 982px;
	/*padding-bottom: 5px;*/
}

	div.contenu div.onglets a.deconnection {
		display: block;
		position: absolute;
		right: 5px;
		top: 50px;
		width: 90px;
		padding: 5px 5px 5px 25px;
		background: #E8E6DE url("images/cancel.png") 4px 4px no-repeat;
		border: 1px solid #CFCCC9;
		color: #615F5D;
	}
	
		div.contenu div.onglets a.deconnection:hover { background-color: #CFCCC9; }

	div.contenu div.onglets h1 {
		float: left;
		width: 268px;
		/*padding-bottom: 10px;*/
		font-size: 20px;
		font-weight: bold;
		color: #615f5d;
		text-align: center;
		text-transform: uppercase;
		/*background: url("images/line-04.gif") 0 24px repeat-x;*/
	}

	div.contenu div.onglets ul {
		list-style-type: none;
		float: right;
	}
	
		/* Niveau 1 */
		div.contenu div.onglets ul li {
			position: relative;
			float: left;
		}
		
			div.contenu div.onglets ul li a {
				display: block;
				/*width: ;*/
				padding: 8px 15px;
				margin-left: 2px;
				font-size: 11px;
				color: #313131;
				border: 1px solid #cfccc9;
				border-bottom: 0;
				text-transform: uppercase;
				background: #d9d8d7;
			}
			
				div.contenu div.onglets ul li.active a, div.contenu div.onglets ul li:hover a { background: #ffffff; }
				
		/* Niveau 2 */
		div.contenu div.onglets ul li ul {
			display: none;
			position: absolute;
			top: 30px;
			left: -57px;
			width: 200px;
			padding: 5px 0;
			border: 1px solid #d9d8d7;
			background: #D9D8D7;
			z-index: 50;
		}
		
			div.contenu div.onglets ul li ul li {
				float: none;
			}
			
				div.contenu div.onglets ul li ul li a, div.contenu div.onglets ul li.active ul li a {
					display: block;
					width: 180px; /* 200 */
					padding: 5px 10px;
					margin-left: 0;
					font-size: 11px;
					color: #313131;
					border: 0;
					text-transform: none;
					text-align: right;
					background: #D9D8D7;
				}
				
					
				
					div.contenu div.onglets ul li ul li a:hover, div.contenu div.onglets ul li.active ul li a:hover {
						/*text-decoration: underline;*/
						background: #ffffff;
					}
				
		/* Hover */
		div.contenu div.onglets ul li:hover ul {
			display: block;
		}
	
		
		
	div.contenu div.contenuPage {
		width: 920px; /* 980 */
		min-height: 200px;
		padding: 0 30px 30px 30px;
		margin-top: -1px;
		border: 1px solid #cfccc9;
		background: #ffffff;
	}
	
		div.contenu div.contenuPage h2 {
			font-size: 12px;
			font-weight: normal;
			text-transform: uppercase;
			color: #313131;
			padding: 30px 0 5px 0;
		}
		
		div.contenu div.contenuPage div.form1 {
			width: 585px;
			padding: 10px 0;
			background: #e8e6de;
			border: 1px solid #cfccc9;
		}
		
	        div.contenu div.contenuPage div.form1 form { padding-top: 10px; }
	
	        div.contenu div.contenuPage div.form1 form div.s1, 
	        div.contenu div.contenuPage div.form1 form div.s2 {
	            margin: 5px 0;
	            text-align: right;
	        }
	        
					div.contenu div.contenuPage div.form1 form div.s1 { width: 550px; }
					
					div.contenu div.contenuPage div.form1 form div.s2 { width: 385px; padding-right: 165px; }
	
				div.contenu div.contenuPage div.form1 form div label {
				    padding-right: 8px;
				    font-size: 11px;
				    color: #676767;
				}
	            
				div.contenu div.contenuPage div.form1 form div select {
					width: 180px;
					border: 1px solid #aeaeae;
				}
				
					div.contenu div.contenuPage div.form1 form div.s1 select { width: 345px; }
					/*div.contenu div.contenuPage div.form1 form div.s1 textarea{ margin:20px 0; }  POUR TINY */
				
				div.contenu div.contenuPage div.form1 form div input.text {
					width: 333px;
					padding: 2px 5px;
					border: 1px solid #aeaeae;
				}
				
				div.contenu div.contenuPage div.form1 form div input.submit, 
				div.contenu div.contenuPage div.form1 form div input.button, 
				div.contenu div.contenuPage div.form1 form div a.button {
					position: relative;
					display: block;
					float: right;
					/*height: 17px;*/
					width: 162px;
					padding: 1px 0 4px 0;
					margin: 5px 0 0 10px;
					font-size: 12px;
					line-height: 12px;
					font-weight: bold;
					text-align: center;
					vertical-align: middle;
					border: 0;
					cursor: pointer;
					color: #ffffff;
					background: url("images/submit-2.gif") 0 0 no-repeat;
				}
				
					div.contenu div.contenuPage div.form1 form div a.button {
						height: 14px; /* 22 */
						padding-top: 4px;
					}
				
				div.contenu div.contenuPage div.form1 form div textarea {
					width: 333px;
					padding: 2px 5px;
					border: 1px solid #aeaeae;
					vertical-align: text-top;
				}
				
				/* Textarea Tinymce */
				div.contenu div.contenuPage div.form1 form div span.defaultSimpleSkin {
					display: block;
					float: right;
				}
        /* mini page pour le panier */
        div.contenu div.contenuMiniPage div.form1 {
			width: 485px;
			padding: 10px 0;
			background: #e8e6de;
			border: 1px solid #cfccc9;
		}
        
            div.contenu div.contenuMiniPage div.form1 form { padding-top: 10px; }
	
	        div.contenu div.contenuMiniPage div.form1 form div.s1, 
	        div.contenu div.contenuMiniPage div.form1 form div.s2 {
	            margin: 5px 0;
	            text-align: right;
	        }
	        
					body#pageConnexion div.contenu div.contenuMiniPage div.form1 form div.s1 { width: 480px; }
					
					div.contenu div.contenuMiniPage div.form1 form div.s2 { width: 300px;}
	
				div.contenu div.contenuMiniPage div.form1 form div label {
				    padding-right: 8px;
				    font-size: 11px;
				    color: #676767;
				}
	            
				div.contenu div.contenuMiniPage div.form1 form div select {
					width: 180px;
					border: 1px solid #aeaeae;
				}
				
					div.contenu div.contenuMiniPage div.form1 form div.s1 select { width: 290px; }
					/*div.contenu div.contenuMiniPage div.form1 form div.s1 textarea{ margin:20px 0; }  POUR TINY */
				
				div.contenu div.contenuMiniPage div.form1 form div input.text {
					width: 280px;
					padding: 2px 5px;
					border: 1px solid #aeaeae;
				}
				
				div.contenu div.contenuMiniPage div.form1 form div input.submit, 
				div.contenu div.contenuMiniPage div.form1 form div input.button, 
				div.contenu div.contenuMiniPage div.form1 form div a.button {
					position: relative;
					display: block;
					float: right;
					/*height: 17px;*/
					width: 162px;
					padding: 1px 0 4px 0;
					margin: 5px 0 0 10px;
					font-size: 12px;
					line-height: 12px;
					font-weight: bold;
					text-align: center;
					vertical-align: middle;
					border: 0;
					cursor: pointer;
					color: #ffffff;
					background: url("images/submit-2.gif") 0 0 no-repeat;
				}
				
					div.contenu div.contenuMiniPage div.form1 form div a.button {
						height: 14px; /* 22 */
						padding-top: 4px;
					}
				
				div.contenu div.contenuMiniPage div.form1 form div textarea {
					width: 333px;
					padding: 2px 5px;
					border: 1px solid #aeaeae;
					vertical-align: text-top;
				}
				
				/* Textarea Tinymce */
				div.contenu div.contenuMiniPage div.form1 form div span.defaultSimpleSkin {
					display: block;
					float: right;
				}				
				
/*###############################
#								#
#	FAMILLE						#
#								#
###############################*/

body#pageFamily div.contenu {
	width: 500px; /* 509 */
	padding-right: 9px;
}

	body#pageFamily h1 {
		/*font-size: 20px;
		padding-bottom: 10px;
		text-transform: uppercase;*/
		width: 495px; /* 500 */
		padding: 0 0 5px 5px;
		font-size: 20px;
		font-weight: bold;
		color: #312e1a;
	}
	
	
	
	body#pageFamily h2.s1 {
		padding: 30px 0 2px 0;
		margin-bottom: 13px;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		color: #a032a0;
		border-bottom: 1px solid #aaaaaa;
	}
	
	body#pageFamily h2.s2 {
		padding: 40px 0 10px 0;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
		color: #5c5c5c;
	}
	
	body#pageFamily a.img {
		display: block;
		float: left;
		padding: 5px 5px 2px 5px;
		margin-right: 9px;
		border: 1px solid #d3d0ce;
	}
	
	
	body#pageProduct div.contenu p.desc { padding-bottom: 20px; }
    
    body#pageProduct div.en_savoir_plus  a{ color:#A032A0; }
    
      body#pageProduct div.lien_panier  {  text-align:center;}
        body#pageProduct div.lien_panier  a{  font-size:14px; text-decoration: underline; color:#A032A0;}
	
	
	body#pageFamily div.selecRegion {
		padding-top: 25px;
	}
	
		body#pageFamily div.selecRegion form div {
			width: 490px;
		}
		
			body#pageFamily div.selecRegion form label { padding-right: 5px; }
		
			body#pageFamily div.selecRegion form select {
				width: 240px;
				border: 1px solid #d3d0ce;
			}
			
			body#pageFamily div.selecRegion form input.submit {
				float: right;
				display: block;
				width: 83px; /* 83 */
				height: 20px; /* 20 */
				padding: 0 0 5px 8px;
				font-size: 12px;
				font-weight: bold;
				color: #ffffff;
				text-align: left;
				vertical-align: bottom;
				border: 0;
				cursor: pointer;
				background:  url("images/btn_acceder.gif") no-repeat 0 0;
			}
	
		/* Block de la recherche */
	body#pageFamily div.block {
		position: relative;
		float: left;
		width: 245px;
		height: 250px;
		padding: 10px 0 10px 0;
		margin-top: 11px;
		background: url("images/search-bloc.gif") 0 0 repeat-y;
	}
	
			body#pageFamily div.blockL { margin-right: 8px; }
	
		body#pageFamily div.block div.img {
			position: absolute;
			top: 90px;
			right: 5px;
		}
		
			body#pageFamily div.block div.img img { border: 1px solid #b2b0ac; }
			
		/* Gestion des puces */
		body#pageFamily div.rouge h2 { background: url("images/i-block1.gif") 0 0 no-repeat; }
		body#pageFamily div.vert h2 { background: url("images/i-block2.gif") 0 0 no-repeat; }
		body#pageFamily div.orange h2 { background: url("images/i-block3.gif") 0 0 no-repeat; }
		
		
	
			body#pageFamily div.block h2 a {
				display: block;
				width: 162px; /* 190 */
				padding: 3px 0 20px 28px;
				line-height: 12px;
				font-size: 12px;
				font-weight: normal;
				color: #312e1a;
                min-height:65px;
			}
			
				body#pageFamily div.block h2 a strong {
					display: block;
					cursor: pointer;
				}
				
			body#pageFamily div.block p.desc {
				width: 163px; /* 190 */
				padding: 0 0 8px 27px;
				font-size: 11px;
				color: #312e1a;
                min-height:70px;
			}
			
			body#pageFamily div.block div.prix2 {
				width: 100px; /* 100 */
				height: 18px; /* 20 */
				padding: 2px 0 0 37px;
				text-align: center;
				background: url("images/i-prix2.gif") 37px 0 no-repeat;
                min-height:50px;
			}
			
			body#pageFamily div.block div.prix {
				width: 153px; /* 153 */
				height: 43px;
				padding: 0 0 0 37px;
				background: url("images/i-prix.gif") 37px 0 no-repeat;
                min-height:50px;
			}
			
				body#pageFamily div.block div.prix div.prixG {
					float: left;
					width: 88px; /* 88 */
					height: 27px;
					text-align: right;
				}
				
					body#pageFamily div.block div.prix div.prixG span {
						display: block;
						padding: 2px 0 4px 0;
						font-size: 11px;
						color: #312e1a;
					}
					
						body#pageFamily div.block div.prix div.prixG span.s1 { text-decoration: line-through; }
						
						body#pageFamily div.block div.prix div.prixG span.s2, 
						body#pageFamily div.block div.prix2 span.s2 {
							font-size: 12px;
							font-weight: bold;
							color: #ec0a38;
						}
						
					body#pageFamily div.block div.voir {
						width: 163px; /* 190 */
						padding: 10px 0 5px 37px;
					}
					
						body#pageFamily div.block div.voir a {
							display: block;
							width: 120px; /* 156 */
							height: 20px; /* 26 */
							padding: 6px 0 0 36px;
							font-size: 11px;
							color: #317bae;
							background: url("images/i-voirForm.gif") 0 0 no-repeat;
						}
					
					body#pageFamily div.block div.type, body#pageFamily div.block div.lieu {
						width: 147px; /* 190 */
						padding: 0 0 1px 43px;
					}
					
						body#pageFamily div.block div.type a, body#pageFamily div.block div.lieu a {
							display: block;
							width: 125px; /* 147 */
							padding: 2px 0 2px 22px;
							font-size: 11px;
							color: #51504e;
						}
					
							body#pageFamily div.block div.type a { background: url("images/i-typeForm.gif") 0 0 no-repeat; }
							body#pageFamily div.block div.lieu a { background: url("images/i-lieuForm.gif") 0 1px no-repeat; }
						
			
				body#pageFamily div.block div.prix div.prixD {
					position: relative;
					float: left;
					width: 38px;
					height: 13px; /* 27 */
					padding: 14px 0 0 27px;
					font-size: 11px;
					color: #ffffff;
					text-align: center;
					overflow: hidden;
				}


	/* Navigation Search */
	body#pageFamily div.navig {
		width: 494px; /* 509 */
		padding: 12px 0;
		margin: 10px 0 0 3px;
		text-align: right;
		border: 1px solid #cfccc9;
	}
	
		body#pageFamily div.navig a {
			margin: 0 9px;
			color: #313131;
		}
		
			body#pageFamily div.navig a.active {
				font-weight: bold;
				color: #a032a0;
			}

	
	body#pageFamily div.affineSearch {
		width: 476px; /* 509 */
		margin: 9px 0 0 3px;
		padding: 10px;
		background: #d9d7d0;
	}
	
		body#pageFamily div.affineSearch div.titre {
			padding-bottom: 8px;
			font-family: "Georgia", Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #000000;
		}
		
		body#pageFamily div.affineSearch p {
			padding: 1px 0;
			color: #3a3a3a;
			font-weight: bold;
		}
		
			body#pageFamily div.affineSearch p a { color: #000000; }
			
				body#pageFamily div.affineSearch p a:hover { text-decoration: underline; }
			
		
	body#pageFamily div.infoSearch {
		width: 476px; /* 509 */
		margin-left: 3px;
		padding-top: 25px;
		text-align: center;
	}
	
		body#pageFamily div.infoSearch p { color: #313131; }
		
			body#pageFamily div.infoSearch p a {
				font-size: 12px;
				font-weight: bold;
				color: #0000ff;
				text-decoration: underline;
			}
	
	
/*###############################
#								#
#	CATEGORIE					#
#								#
###############################*/

body#pageCateg div.contenu {
	width: 500px;
	padding-right: 9px;
}

	body#pageCateg h1 {
		padding-bottom: 15px;
	}
	 
	body#pageCateg p.desc {
		padding: 5px 0;
	}
	
    body#pageCateg div.form1 form { padding: 15px 0; }

    body#pageCateg div.form1 form div {
        width: 440px;
        margin: 4px 0;
        text-align: right;
    }

        body#pageCateg div.form1 form div label {
            padding-right: 8px;
            font-size: 11px;
            color: #676767;
        }

         body#pageCateg div.form1 form div select {
             width: 300px;
             border: 1px solid #aeaeae;
         }
		

/*###############################
#								#
#	PRODUCT						#
#								#
###############################*/

body#pageProduct div.contenu {
	width: 500px; /* 509 */
	padding-right: 9px;
}

	body#pageProduct h1 {
		padding-bottom: 20px;
		text-transform: uppercase;
	}
	
	body#pageProduct h2 {
		padding: 10px 0 2px 0;
		margin-bottom: 13px;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		color: #a032a0;
		border-bottom: 1px solid #aaaaaa;
	}
	
	body#pageProduct div.contenu p.desc { padding-bottom: 20px; }
		

	body#pageProduct div.prodG {
		float: left;
		width: 240px;
		padding: 0 10px 0 0;
	}

	body#pageProduct div.prodD {
		float: left;
		width: 244px;
	}
	
		body#pageProduct div.prodD div.bloc1 {
			width: 222px; /* 242 */
			padding: 10px;
			margin-bottom: 4px;
			border: 1px solid #cfccc9;
			background: #e8e6de;
		}
		
			body#pageProduct div.prodD div.bloc1 p.adresse {
				padding: 10px 0;
				font-size: 12px;
				color: #313131;
			}
			
				body#pageProduct div.prodD div.bloc1 p.adresse strong {
					font-size: 14px;
					font-weight: normal;
				}
			
				body#pageProduct div.prodD div.bloc1 p.adresse span {
					display: block;
					
				}

		body#pageProduct div.prodD div.prix {
			width: 153px; /* 153 */
			height: 43px;
			padding: 0 0 10px 27px;
			background: url("images/p-prix.gif") 27px 0 no-repeat;
		}
		
			body#pageProduct div.prodD div.prix div.prixG {
				float: left;
				width: 88px; /* 88 */
				height: 27px;
				text-align: right;
			}
				body#pageProduct div.prodD div.prix2 {
				width: 100px; /* 100 */
				height: 18px; /* 20 */
				padding: 2px 0 0 37px;
				text-align: center;
				background: url("images/i-prix2.gif") 37px 0 no-repeat;
			}
				body#pageProduct div.prodD div.prix div.prixG span {
					display: block;
					padding: 2px 0 4px 0;
					font-size: 11px;
					color: #312e1a;
				}
				
					body#pageProduct div.prodD div.prix div.prixG span.s1 { text-decoration: line-through; }
					
					body#pageProduct div.prodD div.prix div.prixG span.s2 {
						font-size: 14px;
						font-weight: bold;
						color: #8d218d;
					}
					body#pageProduct div.prodD div.prix2 div.prixG span.s2 {
							font-size: 14px;
							font-weight: bold;
							color: #8d218d;
						}		
					
			body#pageProduct div.prodD div.prix div.prixD {
				position: relative;
				float: left;
				width: 38px;
				height: 13px; /* 27 */
				padding: 14px 0 0 27px;
				font-size: 11px;
				color: #ffffff;
				text-align: center;
				overflow: hidden;
			}
			
			body#pageProduct div.prodD div.duree {
				text-align: center;
			}
		
			
			body#pageProduct div.prodD div.bloc2 {
				width: 222px; /* 242 */
				padding: 10px;
				margin-bottom: 4px;
				border: 1px solid #cfccc9;
				background: #d9d7d0;
			}
		
			
			body#pageProduct div.prodD div.bloc2 p {
				width: 214px; /* 222 */
				padding: 3px 4px;
			}
			
				body#pageProduct div.prodD div.bloc2 p a {
					display: block;
					width: 192px; /* 214 */
					padding: 0 0 2px 22px;
					font-size: 11px;
					color: #42402d;
					text-decoration: underline;
				}
				
					body#pageProduct div.prodD div.bloc2 p.s1 a { background: url("images/ico_contact.gif") 0 1px no-repeat; }
					body#pageProduct div.prodD div.bloc2 p.s2 a { background: url("images/ico_envoi.gif") 0 0 no-repeat; }
					body#pageProduct div.prodD div.bloc2 p.s3 a { background: url("images/ico_imprime.gif") 0 0 no-repeat; }
					
	
		body#pageProduct div.banContact {
			width: 300px; /* 352 */
			height: 37px;
			padding-left: 150px;
			margin-top: 15px;
			background: url("images/p-ban-contact.jpg") 67px 0 no-repeat;
		}
		
			body#pageProduct div.banContact a {
				display: block; 
				width: 145px; /* 44 */
				height: 29px; /* 37 */
				padding: 8px 0 0 44px;
				font-size: 11px;
				color: #3c3c3c;
				background: url("images/ico_contact.gif") 22px 9px no-repeat;
			}
		
	
	
/*###############################
#								#
#	PANIER						#
#								#
###############################*/
			
body#pagePanier {
	
}

/* Etape  */
div.etpComm {
	width: 496px;
	height: 29px;
	margin: 0 0 30px 2px;
	border: 1px solid #cfccc9;
	border-left: 0;
	border-right: 0;
	background: url("images/etpComm.gif") 0 0 no-repeat;
}

		div#etape1 { background: url("images/chemin_panier.gif") 0 -1px no-repeat; }
		div#etape2 { background: url("images/chemin_panier.gif") 0 -32px no-repeat; }
		div#etape3 { background: url("images/chemin_panier.gif") 0 -63px no-repeat; }
		div#etape4 { background: url("images/chemin_panier.gif") 0 -94px no-repeat; }
		

	div.etpComm ul { list-style-type: none; }
	
		div.etpComm ul li { float: left; }
		
			div.etpComm ul li a {
				display: block;
				float: left;
				height: 23px; /* 29 */
				padding-top: 6px;
				text-align: center;
				text-transform: uppercase;
				font-size: 12px;
				color: #4d4d4d;
			}
			
				div.etpComm ul li.etp1 a { width: 122px; }
				div.etpComm ul li.etp2 a { width: 135px; }
				div.etpComm ul li.etp3 a { width: 127px; }
				div.etpComm ul li.etp4 a { width: 112px; }
					
					div#etape1 ul li.etp1 a { color: #ffffff; }
					div#etape2 ul li.etp2 a { color: #ffffff; }
					div#etape3 ul li.etp3 a { color: #ffffff; }
					div#etape4 ul li.etp4 a { color: #ffffff; }

		

table#panierS1 {
	width: 494px;
	font-size: 11px;
	color: #312e1a;
	margin-left: 3px;
	border-collapse: collapse;
}
	table#panierS1 a {
		color: #312e1a;
	}

	table#panierS1 thead th {
		border: 1px solid #cfccc9;
		background: #e8e6de;
		text-align: center;
		padding: 5px 2px;
	}
		
	table#panierS1 tbody td {
		border: 1px solid #CFCCC9;
		padding: 5px 2px;
		vertical-align: middle;
	}
	
		table#panierS1 tbody td.s1, table#panierS1 tbody td.s3 {
			text-align: center;
		}
		
		table#panierS1 tbody td.s4, 
		table#panierS1 tbody td.s5 {
			width: 65px;
			padding-right: 10px;
			text-align: right;
		}
		
			table#panierS1 tbody td.s3 img, table#panierS1 tbody td.s3 input { vertical-align: middle; }
			
			table#panierS1 tbody td.s3 input {
				width: 29px;
				text-align: center;
				border: 1px solid #b5b2a7;
			}

		table#panierS1 tfoot td table {
			width: 494px;
			margin-top: 10px;
			border-collapse: collapse;
		}	
			
			table#panierS1 tfoot td table td {
				padding: 8px 10px 8px 2px;
				text-align: right;
				border: 1px solid #CFCCC9;
			}
			
				table#panierS1 tfoot td table td.s1 {
					padding-right: 10px;
					text-align: right;
					background: #e8e6de;
				}
				
				table#panierS1 tfoot td table td.s2 { width: 65px; }

				table#panierS1 tbody td.s2 {
									padding-left:5px;
									width:230px;	
								}

body#pagePanier a.btn1 {
	display: block;
	float: right;
	width: 165px; /* 177 */
	padding: 3px 0 4px 12px;
	margin: 10px 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url("images/submit-3.gif") 0 0 no-repeat;
}

body#pagePanier a.btn4 {
	display: block;
	float: right;
	width: 185px; /* 177 */
	padding: 3px 0 4px 12px;
	margin: 10px 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url("images/submit-4.gif") 0 0 no-repeat;
}

body#pagePanier a.btn5 {
	display: block;
	float: right;
	width: 300px; /* 177 */ 
	padding: 3px 0 4px 12px;
	margin: 10px 10px 0 0;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background: url("images/submit-5.gif") 0 0 no-repeat;
}

body#pagePanier div.cart_rappel {
	display: block;
	float: left;
	width: 265px; /* 177 */
	padding: 3px 0 4px 12px;
	margin: 10px 10px 0 0;
	font-size: 10px;
}

body#pagePanier div.cart_button {
	display: block;
	float: right;
	width: 200px; /* 177 */
	padding: 3px 0 4px 12px;
	margin: 10px 10px 0 0;
	font-size: 12px;
}

body#pagePanier a.btn2, body#pagePanier a.btn3 {
	display: block;
	float: right;
	font-size: 12px;
	color: #a032a0;
	margin-right: 10px;
	padding: 1px 0;
	text-decoration: underline;
}

	body#pagePanier a.btn2 { margin-top: 20px; }
	
	body#pagePanier a.btn3 { margin-top: 5px; }

p.order-reminder,
ul.order-list
{
	margin-left: 10px;	
	margin-top: 10px;	
}

.intern-name
{
	float:left;	
	width:100%
}

.intern-first-name,
.intern-last-name{
	border-color: #e1e1e1;
	float: left;
	margin-bottom:10px;	
	margin-top:5px;
	padding-right: 10px;
	width: 100px;
}

.intern-first-name {
	margin-right:10px;
}

.order-item
{
	float: left;
	font-size: 1.1em;
	margin-bottom: 10px;
	margin-top: 15px;
	text-decoration: underline;
	width: 100%;
}

.name {
	float: left;
	margin-right:10px;
	margin-top:10px;	
	width: auto;
}

.bidule{
	float:left;
}

/*###############################
#									#
#	QUIZZ					    	   	#
#									#
###############################*/

	       body#pageQuizz div.s1 form div {
            
            margin: 4px 0px;
			margin-right:200px;
            text-align: right;
        }

		body#pageQuizz div.quizz form div
		{
			float: left;
			text-align: left;
			margin-left: 50px;
			width: 75%
		}

            body#pageQuizz div.s1 form div label {
                padding-right: 8px;
                font-size: 11px;
                color: #676767;
            }

            body#pageQuizz div.quizz form div label {
				float:left;
				margin-top: 5px;
				width: 70%;
			}

            body#pageQuizz div.quizz form div span {
				float: right;
				margin-top: 10px;				
			}

            body#pageQuizz div.quizz form div input {
				float:left;
				margin-top: 5px;
				width: 50%;
			}

            body#pageQuizz div.quizz form div ul,
            body#pageQuizz div.quizz form div ul li {
				float: left;
				width: 100%;
			}

            body#pageQuizz div.quizz form div ul li input {
				width: auto;
			}

            body#pageQuizz div.quizz form div ul li label{
				 width: 100px;
			}

             body#pageQuizz div.s1 form div input.txt {
                 width: 94px; /* 94 */
                 border: 1px solid #aeaeae;
             }
			
			body#pageQuizz div.s1 form ul#usr_agree.error
			{
				border-color: #C55CC5;
				width: 50%;
			}

			body#pageQuizz div.quizz form div input.error {
				border-color: #C55CC5;				
			}
			
			abody#pageQuizz div.quizz form div input.txt {
				float:left;
				width: 20%;				
			}
	
/*###############################
#								#
#	ANNUAIRE					#
#								#
###############################*/
				
body#annuaire  div.contenu h1 { padding: 20px 0; }

body#annuaire  div.contenu h1.golden-h1 { display: none;}

/*div#annuaire ul#golden-n1 { 
	padding: 0 0 0 19px; 
}*/

	body#annuaire  div.contenu ul#golden-n1 li { list-style-type: none; }
	
	body#annuaire  div.contenu ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		font-size: 1em;
		height: 15px;
		margin: 0px;
		padding: 0px;
	}
	
	body#annuaire  div.contenu ul#golden-n1 h2 { /* Gestion du theme : padding, taille police */
		padding: 10px 0 5px 0;
		font-size: 13px;
	}
	
	body#annuaire  div.contenu ul#golden-n1 h3 {
		font-size:11px;
		margin: 0px;
		padding: 0px;
	}
		body#annuaire  div.contenu ul#golden-n1 h2 a, ul#golden-n1 h3 a { /* Gestion du theme : couleurs, puces */
			color: #005CD1;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
			text-transform:uppercase;
		}
		body#annuaire  div.contenu ul#golden-n1 li p {
			width: 430px; /* 450 */
			padding: 10px 0 10px 20px;
			font-weight: bold;
			color: #1690DF;
		}

	body#annuaire  div.contenu ul.golden-n2 { padding: 0 0 0 20px; }

	body#annuaire  div.contenu ul.golden-n2 li { padding: 2px 0 0 10px; }
	
	body#annuaire  div.contenu ul.golden-n2 li h3 {	/* Gestion du nom du site : padding, taille police, couleurs, puces */
		font-size:11px;
		display: inline;
		padding-left:10px;
		color: #1690DF;
	}

		body#annuaire  div.contenu ul.golden-n2 a {	/* Gestion de la description : taille police, couleurs */
			color: #000;
		}
	
	body#annuaire  div.contenu h2#golden-h2 {
		display: none;
	}
	
	body#annuaire  div.contenu h2#golden-h2 span
	{
		font-size: 1em;
	}

ul#golden-n1 h2
{
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 100%;
}
	
	ul#golden-n1 h2 a
	{
		color: #000;
	}

ul#golden-n1 p
{
	float:left;
	margin-bottom:5px;
	margin-left: 0px;
	margin-top:0px;
}

ul#golden-n1 li
{
	float: left;
	padding-top: 0px;
	width: 100%;
}

	ul#golden-n1 li p
	{
		float:left;	
	}
	
		ul#golden-n1 li a,
		ul#golden-n1 li.t1 a	
		{
			color: #000;
			float: left;
			font-size: 1em;
			margin: 0px;
			margin-bottom: 3px;
			margin-top: 3px;
			padding: 0px;		
			text-decoration: none;
			width: auto;
		}

ul#golden-n2
{
	float: left;	
}

	ul.golden-n2 li
	{
		float: left;
		margin-top: 0px;
		width: 100%;
	}

		ul.golden-n2 li a,
		ul.golden-n2 li h3
		{
			color: #000;
			float:left;
			margin-left:10px;
			margin-top:0px;
		}
		
		ul.golden-n2 li a
		{
			margin: 0px;
			padding: 0px;			
		}
/*###############################
#								#
#	PLAN						#
#								#
###############################*/

body#plan  div.contenu h1 { padding: 20px 0; }

/* Niveau 1 */
body#plan  div.contenu ul li {
	list-style-type: none;
	padding: 10px 0 5px 0;
	color: #ED008C;
}

		body#plan  div.contenu ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #005CD1;
		}

/* Niveau 2 */
body#plan  div.contenu ul li ul li{
	padding: 2px 0 5px 0;
	margin-left:10px;
	color: #000000;
}

		div#plan ul li ul li a {
			font-size:14px;
			font-weight:bold;
			color: #000000;
		}

/* Niveau 3 */
body#plan  div.contenu ul li ul li ul li{
	padding: 2px 0 5px 0;
	margin-left: 10px;
}

	body#plan  div.contenu ul li ul li ul li a {
		font-size:12px;
		font-variant:normal;
		font-style:italic;
		font-weight: bold;
		color:#FF8229;
	}

/* Niveau 4 */
body#plan  div.contenu ul li ul li ul li ul li{
	list-style-type: none;
	padding: 2px 0;
	margin-left: 30px;
}

	body#plan  div.contenu ul li ul li ul li ul li a {
		font-size: 12px;
		color: #000000;
	}
		
/* Niveau 5 */
body#plan  div.contenu ul li ul li ul li ul li ul li {
	list-style-type: decimal;
	padding: 2px 0;
	margin-left: 30px;
}

	body#plan  div.contenu ul li ul li ul li ul li ul li a {
		font-size: 11px;
		color: #333333;
	}


h1.title
{
	padding:0 0 5px 5px;
}

.ulMap li
{
	float: left;
	padding-top: 5px;
	width: 100%;
}

	.ulMap li.subtitle a	
	{
		background-color:transparent;
		background-image:url(images/puce_fleche.gif);
		background-position:0 4px;
		background-repeat:no-repeat;
		border:0 none;
		color:#312E1A;
		display:inline;
		font-size:12px;
		font-weight:normal;
		padding:0 0 0 12px;
		text-decoration:none;
		text-transform:none;
		width: auto;	
	}

	.ulMap li.title a	
	{
		color: #C55CC5;
		float: left;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px;
		text-decoration: underline;
		text-transform: uppercase;
		width: auto;
	}

	.ulMap li.item a
	{
		color: #000;
		float: left;
		margin-bottom: 2px;
		margin-left: 25px;
		margin-top: 2px;				
		text-decoration: none;
		width: auto;
	}
		
	.ulMap li.f
	{
		margin-top: 10px;
	}
	
	.ulMap li.l
	{
		margin-bottom: 10px;
	}
	
	.ulMap li a
	{
		color:#000;
		text-decoration: underline;
		width: auto;	
	}	

/*###################
#					#
#	CREDIT			#
#					#
###################*/

body#credit  div.contenu {
	font-size: 12px;
}

body#credit  div.contenu h2 {
	/*padding: 10px 0 5px 0;
	font-size: 13px;
	color: #FF6100;*/
}

body#credit  div.contenu ul { padding: 10px 0 10px 20px; }
body#credit  div.contenu ul li { padding: 2px 0; }

body#credit  div.contenu p { padding: 5px 0 2px 0; }

body#credit  div.contenu div.texte {
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
}

body#credit  div.contenu a.noStyle {
	color: #272727;
	text-decoration: none;
	font-weight: normal;
	cursor: auto;
}

body#credit  div.contenu a.aH1 {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	cursor: auto;
}
				



/* TEMP */
body#aoua ul{
	list-style: none;
}
body#aoua  .menulink li
{
 display: inline;

}
body#aoua li
{
 display: inline;

}
.buttonaoua
{
  background: url("/images/button.gif") no-repeat left; 
  display: block;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: none;
}

.rech_advance
{
	display:none;
	position:absolute;
}
.select_detail 
{
	width: 300px;
	margin: 0 4px;
	border: 1px solid #aeaeae;
}
.tab_result
{
	width:50%;
}

.pagination
{
	font-weight:bold;
	color : #413E2B;
	
}

/* style pour la recherche intuitive moteur de recherche*/
div.autocomplete {
      position:absolute;
      background-color:#FFFFFF;
	  text-align:left;
      border:1px solid #888;
      margin:0px;
      padding:0px;
	  z-index:100;
	  width:210px !important;
}
	div.autocomplete ul {
		  list-style-type:none;
		  margin:0px;
		  padding:0px;
		   width:209px;
		 /* width:229px;*/
	}
		div.autocomplete ul li.selected { background-color: #413E2B; color : #FFFFFF;}
			div.autocomplete ul li {
				  list-style-type:none;
				  display:block;
				  margin:0;
				  padding:2px;
				  height:32px;
				  cursor:pointer;
				    width:206px;
			 }
			 
#liste_autocomplete {
	  width:210px;
}	
/*###############################
#								#
#	Ajaxbox					#
#								#
###############################*/
div#ajaxbox-overlay {
	position: fixed;
	z-index: 3000;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/*
div#ajaxbox {
	position: fixed;
	z-index: 3001;
	display: none;
	top: 50%;
	left: 50%;
}
*/

div#ajaxbox {
background-color:#FFFFFF;
display:none;
left:50%;
position:fixed;
top:50%;
width:533px;
z-index:3001;
}

#begin { 
	position: relative;
}

.divajax{
	width:350px;
	height:70px;
	background-color:#fff;
	text-align:center;
}

.btn_hide{
	border:1px solid #B7B7B7;
}

.divajax h4{
	padding-top:10px;	
}
#cbinlive ul {
 display: inline; 
 }
 #ord_suggest_dates{
 display: inline; 
 }
 #formConfirmRejection
 {
	 margin-left:20px;
	 margin-top:10px 
 }
.proSousMenu li{

display:inline;

}