@font-face { 	
	font-family: "Din"; 	
	src: url('FF_DIN_REGULAR.OTF'); 
}

img{
	border:none;
}

a{
	color: #ffffff;
	text-decoration: none;
}

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

input[type="submit"] {
    border: 1px solid #f29400;
	background-color: #f29400;
    color: #ffffff;
    font-weight: bold;
}

html, body {
	/*margin: 0;
	padding: 0;
	height: 100%;
	background-color: #343634;
	background-image:url("../images/fond.png");
	background-repeat: repeat-x;
	font-family: DIN, Calibri, Arial,Times,Verdana;	
	color:#ffffff;*/
	
	  margin:0;
	  padding:0;
	  background: url("../images/test-image-fong.jpg") no-repeat center fixed; 
	  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
	  background-size: cover; /* version standardisée */
}

/************** Page Login **************/

#entete{	
	margin:0 auto;
	height:104px;
	background-color: #f8ecdc;	
	z-index:9999;
}

#resa{	
	position:absolute;
	margin:0 auto;
	margin-left:700px;
	margin-top:-100px;
}

#contenu-entete{
	position:absolute;
	margin:0 auto;
	width:1024px;
	height:104px;
	z-index:9999;
	color:#ffffff;
	font-style:italic;
}

#texte-entete{
	position:absolute;
	margin:0 auto;
	width:790px;
	height:250px;
	margin-left:530px;
	margin-top:-30px;
	z-index:9999;
	color:#ffffff;
	font-style:italic
}


#logo{
	position:absolute;
	margin:0 auto;
	width:250px;
	height:250px;
	margin-left:880px;
	background-image:url("../images/Logo.png");
	z-index:9999;
}

#invitation{
	position:absolute;
	margin:0 auto;
	width:1024px;
	height:600px;
	margin-top:360px;
	margin-left:0px;
}

#page{
	position:absolute;
	margin:0 auto;
	width:1024px;
	min-height:600px;
	margin-left:50px;
	margin-top:170px;
	
}

#Contenu-Form-login{
	position: absolute;
	margin:0 auto;
	width:200px;
	height:100px;
	margin-top:300px;
	margin-left:400px;
	text-align:center;
}

.input-login{ 
	width:200px; 
	height:24px; 
	padding:0px 10px; 
	border-radius: 15px 15px 15px 15px;
	border:0;
}
/************** Fin Page Login **********/

/************** Page **************/

#Contenu-page{
	margin:0 auto;
	width:1024px;
	height:800px;
	margin-top:-105px;
}

#texte-centre{
	position:absolute;
	margin:0 auto;
	margin-top:210px;
	margin-left:230px;
	width:850px;
	height:495px;
	color:#000000;
	overflow-y: auto;
}

#texte-expertise{
	position:absolute;
	margin:0 auto;
	margin-top:170px;
	margin-left:230px;
	width:850px;
	height:535px;
	color:#000000;
	overflow-y: auto;
}


#texte-titre-exp{
	margin:0 auto;
	width:800px;
	height:35px;
	background-image:url("../images/fond-titre.png");
	background-repeat: no-repeat;	
	color:#ffffff;
	padding-top:5px;
	padding-left:10px;
	margin-left:0px;
	text-align:center;
}

#texte-expertise input[type="text"], textarea {
    background-color: #FFFFFF;
    border: 1px solid #f29400;
    color: #000000;
    font-family: Verdana,Arial,Times;
	font-size:12px;
	padding-left:15px;
	border-radius: 15px 15px 15px 15px;
}

#texte-expertise select {
    background-color: #FFFFFF;
    border: 1px solid #f29400;
    color: #000000;
    font-family: Verdana,Arial,Times;
	font-size:12px;
	padding-left:15px;
	border-radius: 15px 15px 15px 15px;
}

#texte-expertise input[type="text"]:focus, textarea:focus {
    background-color: #f29400;
    background-color: #c1c1c1;
    border: 1px dotted #f29400;
	color:#000000;
	font-size:12px;
}



#texte-centre-calendrier{
	position:absolute;
	margin:0 auto;
	margin-top:170px;
	margin-left:210px;
	width:885px;
	height:535px;
	color:#000000;
	overflow-y: auto;
}

#titre-calendrier{
	position:absolute;
	margin:0 auto;
	margin-left:20px;
	margin-top:5px;
	text-align:center;
	background-color:#313940;
	width:152px;
	height:23px;
	color:#ffffff;
	border:1px solid #ffffff;
}

#legend1{
	position:absolute;
	margin:0 auto;
	margin-top:430px;
	margin-left:110px;
	width:500px;
	height:20px;
	color:#fffff;
}

#legend2{
	position:absolute;
	margin:0 auto;
	margin-top:430px;
	margin-left:30px;
	width:800px;
	height:20px;
	color:#fffff;
}

/*
#fond-calendrier{
	position:absolute;
	margin:0 auto;
	margin-top:-5px;
	width:865px;
	height:530px;
	font-size:12px;
	background-image:url("../images/calendrier1.png");
	background-repeat: no-repeat;
	font-family: Myriad Pro, Calibri, Arial,Times,Verdana;		
}*/

#fond-calendrier{
	position:absolute;
	margin:0 auto;
	margin-top:-5px;
	width:865px;
	height:530px;
	font-size:12px;
	background-image:url("../images/calendrier3.png");
	background-repeat: no-repeat;
	font-family: Myriad Pro, Calibri, Arial,Times,Verdana;		
}

#fond-calendrier2{
	position:absolute;
	margin:0 auto;
	margin-top:-5px;
	width:865px;
	height:530px;
	font-size:12px;
	background-image:url("../images/calendrier2.png");
	background-repeat: no-repeat;
	font-family: Myriad Pro, Calibri, Arial,Times,Verdana;		
}

#fond-calendrier3{
	position:absolute;
	margin:0 auto;
	margin-top:-5px;
	width:865px;
	height:530px;
	font-size:12px;
	background-image:url("../images/calendrier4.png");
	background-repeat: no-repeat;
	font-family: Myriad Pro, Calibri, Arial,Times,Verdana;		
}



#couleur0{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur0.png");
	background-repeat: no-repeat;
}
#couleur1{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur1.png");
	background-repeat: no-repeat;
}
#couleur2{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur2.png");
	background-repeat: no-repeat;
}
#couleur3{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur3.png");
	background-repeat: no-repeat;
}
#couleur4{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur4.png");
	background-repeat: no-repeat;
}
#couleur5{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur5.png");
	background-repeat: no-repeat;
}
#couleur6{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur6.png");
	background-repeat: no-repeat;
}
#couleur7{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur7.png");
	background-repeat: no-repeat;
}
#couleur8{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur8.png");
	background-repeat: no-repeat;
}

#couleur9{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur9.png");
	background-repeat: no-repeat;
}

#couleur10{
	margin:0 auto;
	width:107px;
	height:10px;
	background-image:url("../images/couleur10.png");
	background-repeat: no-repeat;
}


#mois1{
	position:absolute;
	margin:0 auto;
	margin-top:41px;
	margin-left:30px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois1 td{
	border: 1px solid #d7d8da;
}

#mois2{
	position:absolute;
	margin:0 auto;
	margin-top:41px;
	margin-left:146px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois2 td{
	border: 1px solid #d7d8da;
}

#mois3{
	position:absolute;
	margin:0 auto;
	margin-top:41px;
	margin-left:261px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois3 td{
	border: 1px solid #d7d8da;
}

#mois4{
	position:absolute;
	margin:0 auto;
	margin-top:41px;
	margin-left:376px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois4 td{
	border: 1px solid #d7d8da;
}

#mois5{
	position:absolute;
	margin:0 auto;
	margin-top:41px;
	margin-left:491px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois5 td{
	border: 1px solid #d7d8da;
}

#mois6{
	position:absolute;
	margin:0 auto;
	margin-top:40px;
	margin-left:606px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois6 td{
	border: 1px solid #d7d8da;
}

#mois7{
	position:absolute;
	margin:0 auto;
	margin-top:41px;
	margin-left:720px;
	width:107px;
	height:384px;
	font-size:8px;
}

#mois7 td{
	border: 1px solid #d7d8da;
}

#texte-centre-calendrier a{
	color:#000000;
}

#texte-centre-calendrier a:hover{
	color:#000000;
}

#detail-info{
	position:relative; 
	width:720px; 	
	margin-top:320px;
	padding:15px;
	background-color:#f29400;
	border-radius: 0px 20px 0px 0px;
}

#calendrier-info{
	position:relative; 
	width:720px; 	
	padding:15px;
	background-color:#f29400;
	border-radius: 0px 20px 0px 0px;
}

#calendrier-info a{
	color:#00000;
}

#calendrier-info a:hover{
	color:#ffffff;
}

#actualites-info{
	position:relative; 
	width:720px; 	
	padding:15px;
	background-color:#f29400;
	color:#000000;
	font-size:12px;
	border-radius: 0px 20px 0px 0px;
}

#actualites-info a{
	color:#00000;
}

#actualites-info a:hover{
	color:#ffffff;
}

#texte-centre-detail{
	position:absolute;
	margin:0 auto;
	margin-top:210px;
	margin-left:230px;
	width:850px;
	height:495px;
	color:#000000;
}

#texte-centre-detail-parrainage{
	position:absolute;
	margin:0 auto;
	margin-top:240px;
	width:1100px;
	height:465px;
	color:#ffffff;
	overflow:auto;
}

#logo-parrainage{
	position:absolute;
	margin:0 auto;
	margin-top:112px;
	margin-left:0px;
}

#agent-imm{
	position:absolute;
	margin:0 auto;
	margin-left:920px;
}

#recherche{
	position:absolute;
	margin:0 auto;
	margin-top:170px;
	margin-left:230px;
}

#bt_retour{
	position:absolute;
	margin:0 auto;
	margin-top:280px;
}

#texte-centre-compte{
	position:absolute;
	margin:0 auto;
	margin-top:190px;
	width:1100px;	
	color:#ffffff;
}

#texte-titre{
	position:absolute;
	margin:0 auto;
	width:1100px;
	height:35px;
	background-image:url("../images/fond-titre.png");
	background-repeat: no-repeat;	
	color:#ffffff;
	padding-top:5px;
	padding-left:10px;	
	text-align:center;
}



#titre-page{
	position:absolute;
	margin:0 auto;
	margin-left:-15px;
	margin-top:110px;
	color:#ffffff;
	font-size:35px;
}

#deconnexion{
	position:absolute;
	margin:0 auto;
	color:#ffffff;
	font-size:10px;
	margin-left:900px;
	margin-top:90px;
}

#deconnexion a{
	color:#ffffff;
}

#deconnexion a:hover{
	color:#ffffff;
	text-decoration:none;
}

#compte{
	position:absolute;
	margin:0 auto;
	color:#ffffff;
	font-size:10px;
	margin-left:1000px;
	margin-top:90px;
}

#compte a{
	color:#ffffff;
}

#compte a:hover{
	color:#ffffff;
	text-decoration:none;
}

#menu-accueil{
	position:absolute;
	margin:0 auto;	
	margin-left:70px;
	width:450px;
	height:100px;
}

#menu{
	position:absolute;
	margin:0 auto;
	width:1024px;
	height:47px;
	/*background-image:url("../images/Menu/fond-menu.png");*/
	background-repeat: no-repeat;
	margin-top:105px;	
	z-index:9999;
}

#menu a{
	color:#ffffff;
	text-decoration:none;
}

#menu a:hover{
	color:#f29400;
	text-decoration:none;
	background-color:#000000;
}

#menu-lieu{
	width:161.6px;
	height:41px;
	padding-top:5px;
	border:1px solid red;
	text-align:center;
	font-size:20px;
}

#menu-lieu a:hover{
	color:#f29400;
	background-color:#000000;
}

#menu-boutique{
	position:absolute;
	margin:0 auto;
	width:88px;
	height:28px;
	margin-top:10px;
	margin-left:30px;
}

#menu-outil{
	position:absolute;
	margin:0 auto;
	width:58px;
	height:24px;
	margin-top:10px;
	margin-left:194px;
}

#menu-partenaire{
	position:absolute;
	margin:0 auto;
	width:112px;
	height:23px;
	margin-top:10px;
	margin-left:329px;
}

#menu-service{
	position:absolute;
	margin:0 auto;
	width:112px;
	height:23px;
	margin-top:10px;
	margin-left:516px;
}

#menu-formation{
	position:absolute;
	margin:0 auto;
	width:107px;
	height:43px;
	margin-top:10px;
	margin-left:673px;
}

#menu-centre{
	position:absolute;
	margin:0 auto;
	width:636px;
	margin-top:260px;	
	margin-left:-10px;
	text-align:center;
}
/*
#men-boutique{
	position:absolute;
	margin:0 auto;
	width:161px;
	height:71px;
	margin-top:244px;
	margin-left:360px;
}*/

#men-boutique{
	position:absolute;
	margin:0 auto;
	width:161px;
	height:71px;
	margin-top:260px;
	margin-left:152px;
}


#sous-menu-partenaire{
	position:absolute;
	margin:0 auto;
	margin-top:380px;
	margin-left:-120px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:right; 
	font-size:11px;
	color:#ffffff;	
	line-height:20px;
}

#sous-menu-formation{
	position:absolute;
	margin:0 auto;
	margin-top:530px;
	margin-left:250px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:left; 
	font-size:11px;
	color:#ffffff;	
	line-height:20px;
}

#sous-menu-service{
	position:absolute;
	margin:0 auto;
	margin-top:350px;
	margin-left:570px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:left; 
	font-size:11px;
	color:#ffffff;	
	line-height:20px;
}

#sous-menu-outil{
	position:absolute;
	margin:0 auto;
	margin-top:180px;
	margin-left:570px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:left; 
	font-size:11px;
	color:#ffffff;
	line-height:20px;	
}

#menu-gauche{
	position:absolute;
	width:220px;
	margin:0 auto;
	margin-left:-15px;
	margin-top:210px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:left; 
	font-size:11px;
	color:#ffffff;	
	line-height:18px;
}

#menu-gauche-2{
	position:absolute;
	width:220px;
	margin:0 auto;
	margin-left:-15px;
	margin-top:420px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:left; 
	font-size:11px;
	color:#ffffff;	
	line-height:18px;
}

#menu-gauche-outil{
	position:absolute;
	width:280px;
	margin:0 auto;
	margin-left:-15px;
	margin-top:210px;
	background-image:url("../images/separation-titre.png");
	background-repeat: repeat-y;
	background-position:left; 
	font-size:11px;
	color:#ffffff;	
	line-height:18px;
}

#fond-assistance{
	position:absolute;
	margin:0 auto;
	background-image:url("../images/fond-assistance.png");
	background-repeat: no-repeat;
	width:635px;
	height:47px;
	margin-top:705px;
	margin-left:286.5px;	
}

#menu-assistance-expertise{
	position:absolute;
	margin:0 auto;
	margin-left:30px;	
	margin-top:5px;
}

#menu-assistance-juridique{
	position:absolute;
	margin:0 auto;
	margin-left:277px;	
	margin-top:2px;
}
/************** Fin Page **********/

/************** Class **********/
.alignRight{
	text-align:Right;
}

.alignLeft{
	text-align:Left;
}

.alignJustify{
	text-align:Justify;
}

.alignCenter{
	text-align:Center;
}

.titrep{
	font-size:25px;
}

.titrepb{
	font-size:25px;
	color:#ffffff;
}

.orange{
	color:#f29400;
}

.orangeG{
	color:#f29400;
	font-size:20px;
}

.noir{
	color:#000000;
}

.blanc{
	color:#ffffff;
}

.blancg{
	color:#ffffff;
	font-size:15px;
}

.blancp{
	color:#ffffff;
	font-size:1px;
}

.blancp2{
	color:#ffffff;
	font-size:10px;
}

.noirp{
	color:#000000;
	font-size:1px;
}

.noirp2{
	color:#000000;
	font-size:10px;
}

.gris{
	color:#85888d;
}

.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}

/************ SLIDER **************/

div#slider { 
	margin:0 auto;
	position: relative; 
	z-index: 5; 
	overflow: hidden; 
	width: 400px; 
}

div#slider ul {
	list-style: none outside none;
	margin: 0px; 
	padding: 0px;
	width: 4000px;
}
div#slider ul li { 
	float: left;
	height: 100%;
	list-style: none outside none; 
	overflow: hidden; 
	position: relative; 
}

/*********** Fin Slider ***********/