/*======================================
      CHARTE DU SITE					
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- police rouge					#cb562b 
- vert							#6ab396	
- marron						#844236	
- kaki 							#827b23	
- orange						#e38f24 

\**************************************/

/**************************************/
/*           STRUCTURE                */
/**************************************/
html, body{
	height				:	100%;
	background-color	:	#FDF7E1 ;
}
body{
	width				:	950px;
}
#cadre-principal{
	position			:	relative;
	width				:	950px;
	margin				:	0 auto;
	z-index				:	1;
}

#accueil #animation{
	position			:	absolute;
	top					:	50px;
	left				:	450px;
	width				:	500px;
	height				:	400px;
	z-index				:	-1;
}

#interne #animation{
	display				:	none;
}


#cadre-haut {
	height				:	74px;
}
#cadre-bas {
	margin-top			:	15px;
	min-height			:	50px;
	text-align			:	center;
}

dl, dl dd, dl dt{
	padding				:	0;
	margin				:	0;	
}
#accueil ul#menu_principal, #interne ul#menu_principal, #accueil #menu_principal li ul, #interne #menu_principal li ul{
    list-style-type         :   none;
    margin:0;
    padding:0;
}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo.accueil{
	position			:	absolute;
	top					:	12px;
	left				:	180px;
}
#logo.accueil h1 a{
	display				:	block;
	width				:	455px;
	height				:	127px;
}
#logo.interne{
	position			:	absolute;
	top					:	16px;
	left				:	142px;	
}
#logo.interne h1 a{
	display				:	block;
	width				:	285px;
	height				:	79px;
}

/**************************************/
/*          BLOC CENTRAL              */
/**************************************/
#cadre-centre {
}

/***	COLONE GAUCHE	***/
#cadre-colonne-1 {
	width					: 	290px;
	float					:	left;
	height				    :	350px;
}

/* Menu accueil */
#accueil ul#menu_principal{
	margin-top				:	185px;	
	margin-left				:	40px;
}
#accueil #menu_principal li a.text_hidden{
	display					:	block;
	height					:	21px;
}
#accueil #menu_principal li#menu1 a.text_hidden{
	width					:	226px;
	margin-left				:	22px;
}
#accueil #menu_principal li#menu2 a.text_hidden{
	width					:	223px;
	margin-top				:	18px;
	margin-left				:	19px;
}
#accueil #menu_principal li#menu3 a.text_hidden{
	width					:	220px;
	margin-top				:	17px;
	margin-left				:	12px;
}
#accueil #menu_principal li#menu4 a.text_hidden{
	width					:	217px;
	margin-top				:	17px;
	margin-left				:	9px;
}

/* Menu interne */
#interne ul#menu_principal{
	margin-left				:	70px;
	margin-top				:	60px;

}
#interne #menu_principal li a.text_hidden{
	display					:	block;
	height					:	16px;
}
#interne #menu_principal li#menu1 a.text_hidden{
	width					:	155px;
	margin-left				:	18px;
}
#interne #menu_principal li#menu2 a.text_hidden{
	width					:	155px;
	margin-top				:	14px;
	margin-left				:	12px;
}
#interne #menu_principal li#menu3 a.text_hidden{
	width					:	155px;
	margin-top				:	13px;
	margin-left				:	7px;
}
#interne #menu_principal li#menu4 a.text_hidden{
	width					:	155px;
	margin-top				:	12px;
}

/* Sous-menu accueil */
#accueil #menu_principal li ul{
	min-height				:	35px;
	margin-top				:	-42px;
	padding                 :   5px 0 0 10px;
}
#accueil #menu_principal li ul#sous-menu1{
	margin-left				:	243px;	
}
#accueil #menu_principal li ul#sous-menu2{
	margin-left				:	236px;
}
#accueil #menu_principal li ul#sous-menu3{
	margin-left				:	225px;
}
#accueil #menu_principal li ul#sous-menu4{
	margin-left				:	222px;
}

/* Sous-menu interne */
#interne #menu_principal li ul{
	min-height				:	26px;
	margin-top				:	-31px;
	padding                 :   5px 0 0 10px;
}
#interne #menu_principal li ul#sous-menu1{
	margin-left				:	168px;
}
#interne #menu_principal li ul#sous-menu2{
	margin-left				:	163px;
}
#interne #menu_principal li ul#sous-menu3{
	margin-left				:	158px;
}
#interne #menu_principal li ul#sous-menu4{
	margin-left				:	152px;
}

/* sous menus */
#menu_principal li ul{
	width					:	118px;
	position				:	absolute;
	padding					:	5px 0 2px 7px;
}
#menu_principal li ul#sous-menu1{
	background 				: 	url(/img/atelier-41/sous-menu[1].gif) no-repeat -1px top;
	border-left				:	1px solid #6ab396;
}
#menu_principal li ul#sous-menu2{
	background 				: 	url(/img/atelier-41/sous-menu[2].gif) no-repeat -1px top;
	border-left				:	1px solid #844236;
}
#menu_principal li ul#sous-menu3{
	background 				: 	url(/img/atelier-41/sous-menu[3].gif) no-repeat -1px top;
	border-left				:	1px solid #827b23;
}
#menu_principal li ul#sous-menu4{
	background 				: 	url(/img/atelier-41/sous-menu[4].gif) no-repeat -1px top;
	border-left				:	1px solid #e38f24;
}
#menu_principal li ul li{
	padding					:	2px 0 2px 0;
}
#menu_principal li ul li a{
	font-size				:	10px;
	font-style				:  italic;
	color					:	#000;
}
#menu_principal li ul.inactif{
	display					:	none;
}
#menu_principal li ul.actif{
	display					:	block;
}
#menu_principal li ul li.texte-actif a{
	text-decoration			:	underline;
}

/***	COLONE MILIEU	***/
#cadre-colonne-milieu{
	float					:	left;
	width					: 	660px;
}
#cadre-colonne-milieu .corps{
	min-height				:	480px;
}
#interne #cadre-colonne-milieu h2{
	text-align				:	center;
	background 				:	url(/img/atelier-41/titre-fond.gif) no-repeat left top;
}
#interne #cadre-colonne-milieu h2 a{
	display					:	block;
	height				    :	60px;
}
#interne #cadre-colonne-milieu h2 a:hover, #interne #cadre-colonne-milieu h2 a:visited, #interne #cadre-colonne-milieu h2 a:link{
	overflow				:	hidden;
}

#interne #cadre-colonne-milieu .corps1{
	background 				:	url(/img/atelier-41/corps-milieu.gif) repeat-y left;
}
#interne #cadre-colonne-milieu .corps2{
	background 				:	url(/img/atelier-41/corps-haut.gif) no-repeat left top;
}
#interne #cadre-colonne-milieu .corps{
	background 				:	url(/img/atelier-41/corps-bas.gif) no-repeat left bottom;
	min-height				:	279px;
	padding					:	7px 96px 60px 114px;
}
#fil-ariane{
	margin-bottom			:	5px;
}
#fil-ariane a{
	font-size				:	9px;
	font-style				: 	italic;
	color					:	#000;
}

/* Actualite accueil*/
#actualite{
	margin-left				:	142px;
	width					:	279px;
	height					:	197px;
	padding-top				:	282px;	
	font-size				:	9px;
	font-style				:	italic;
}
#actualite a{
	color					:	#000;
}
#actualite.sans_photo dt, #actualite.sans_photo dd{
	width					:	190px;
	margin-left				:	56px;
}
#actualite.avec_photo dd{
	display					:	block;
	float					:	left;
	width					:	140px;
}
dl#actualite dt img{
	float					:	left;
	margin-right			:	8px;
	padding-top				:	65px;
}
dl#actualite dd.titre{
	font-size				:	12px;
	font-weight				:	bold;
	padding-top				:	65px;
}
dl#actualite dd.accroche a{
	text-decoration			:	none;
}
dl#actualite dd .lien{
	color					:	#cb562b;
	font-weight				:	bold;
}
dl#actualite dd a:hover .lien{
	text-decoration			:	underline;
}
#toutes_actualites{
	position				:	absolute;
	top						:	534px;
	left					:	490px;
}
#toutes_actualites a{
	display					:	block;
	width					:	165px;
	heigth					:	20px;	
}

#cadre-colonne-milieu h3 a{
	display					:	block;
	height					:	18px;
	font-size				:	12px;
	font-weight				:	bold;
	font-style				:	italic;
	text-transform			: 	uppercase;
	color					:	#fff;
	padding-left			:	7px;
}

	/* lst */
	h3.lst a{
		width					:	450px;
		background				:	url(/img/atelier-41/fond-rubrique-lst.gif) repeat-y left top;
	}
	div.lst{
		margin-bottom			:	8px;
	}
	div.lst dl{
		padding-top				:	9px;
		padding-bottom			:	9px;
		border-top				:	1px solid #6ab396;
	}
	div.lst dl dt img{
		float					:	left;
		margin-right			:	13px;
	}
	div.lst dl dd.titre a{
		font-size				:	12px;
		font-weight				:	bold;
		font-style				:	italic;
		color					:	#000;
	}
	div.lst dl dd.accroche{
		font-size				:	10px;
		line-height				:	14px;
	}
	div.lst dl dd.lien{
		font-size				:	9px;
		font-style				:	italic;
		color					:	#000;
	}
	div.lst dl dd.lien{
		font-size				:	9px;
		font-weight				:	bold;
		font-style				:	italic;
		color					:	#cb562b;
	}

	/* frm */
	a.retour{
		display					:	block;
		font-size				:	10px;
		margin-top				:	5px;	
		text-align				:	center;	
	}
	h3.frm a{
		width					:	450px;
		background				:	url(/img/atelier-41/fond-rubrique-frm.gif) repeat-y left top;
		margin-bottom			:	8px;
	}
	p.accroche{
		font-size				:	9px;
		font-weight				:	bold;
		font-style				:	italic;
		color					:	#000;
		margin-bottom			:	25px;
	}
	.bloc_photo{
		float					:	right;
		margin-left				:	20px;			
	}
	dl#lst_small{
		clear					:	both;	
		padding-top				:	20px;
	}
	dl#lst_small dt{	
		height					:	14px;
		float					:	left;
		background-color 		:	#6ab396;
		padding					:	0px 8px 0 8px;
		font-size				:	9px;
		font-weight				: 	bold;
		font-style				: 	italic;
		color					:	#fff;
		text-transform			:	uppercase;
	}
	dl#lst_small dd{	
		clear					:	both;
		border-top				:	1px solid #6ab396;
		background-color 		:	#e9eced;
		padding-left			:	8px;
		padding-bottom			:	10px;

	}
	dl#lst_small dd ul{
		float					:	left;
	}
	dl#lst_small dd ul a{
		font-size				:	9px;
		font-weight				:	bold;
		font-style				: 	italic;
		color					:	#000;
		
	}
	dl#lst_small dd ul li.titre{	
		margin					:	8px 0 2px 0;
		font-size				:	10px;
		font-weight				:	bold;
	}
	dl#lst_small dd ul li.lst{	
		border-top				:	1px solid #e9eced;
	}

	/* Diaporama photos complémentaires */
	#diaporama_masque{
		position			:	relative;
	  	overflow			:	hidden;
	}
	#diaporama{
		position			:	absolute;
	
	}
	ul#diaporama{
		list-style-type		:	none;
		margin				:	0;
		padding				:	0;
	}
	ul#diaporama li{
	  display				:	block;
	  float					:	left;
	  text-align			:	center;
	}
	
	/* realisations */
	#realisations {
		overflow				:	hidden;
		margin-bottom			:	10px;
	}
	#realisations form{
		position				:	relative;
		height					:	30px;
		background				:	url(/img/atelier-41/fond-recherche.gif) no-repeat right top #e7ebed;
		margin					:	0;
		padding					:	0;
		overflow				:	hidden;
	}	
	#realisations form p{
		margin					:	4px 0 0 10px;
		padding					:	0;
	}
	#realisations form select{
		padding					:	0;
		margin					:	0;
		margin-left				:	5px;
		color					:	#000;
		font-size				:	12px;
		width					:	150px;
	}
	#realisations form label{
		color					:	#844236;
		font-size				:	12px;
		font-weight				:	bold;
		font-style				:	italic;
	}	
	
	/* liste menus */		
	#realisations dl{
		width					:	217px;
		margin					:	10px 0 4px 0;
	}
	#realisations dl dt {
		height					:	217px;
	}
	#realisations dl dd {
		background				:	url(/img/atelier-41/fond-rubrique-lst.gif) no-repeat right top;
	}
	#realisations dl dd a{
		display					:	block;
		height					:	18px;
		color					:	#fff;
		font-size				:	12px;
		font-weight				:	bold;
		font-style				:	italic;
		text-align				:	center;
		text-transform			:   uppercase;
	}
	
	/* liste photos */	
	#realisations.lst-data h3 {
		padding-top				:	10px;
	}
	#realisations.lst-data h3 a{
		width					:	450px;
		background				:	url(/img/atelier-41/fond-rubrique-lst.gif) repeat-y left top;
	}
	#realisations.lst-data dl dd {
		border-top				:	3px solid #b3b8bb;
		background				:	none;
		background-color		: 	#e7ebed;	
		padding					:	5px;
	}
	#realisations.lst-data dl dd p {
		font-style				:	italic;
		font-weight				:	bold;
	}
	#realisations.lst-data dl dd p {
		font-style				:	italic;
		font-weight				:	bold;
	}
	#realisations .retour {
		display					:	block;
		width					:	220px;
		height					:	17px;
		color					:	#fff;
		font-size				:	10px;
		font-weight				:	bold;
		text-align				: 	left;
		padding-left			:	69px;
		margin-left				:	100px;
		text-indent
	}	
	
    /* Plan du site */
    ul.plan_site{
        margin                 :   0;
        padding                :   0;
        list-style-type        :   none;
    }
        /* Niveau 1 */
        ul li.plan_site_0{
            padding                :   0 0 10px 15px;
        }
        ul li.plan_site_0, ul li.plan_site_0 a {
            font-size              :   14px;
            font-weight            :   bold;
            text-transform         :   none;
            color                  :   #6AB396;
        }
        ul li.plan_site_0 a:hover {
            color                  :   #cb562b;
            text-decoration        :    none;
        }
        
        /* Niveau 2 */  
        ul.plan_site_1{
            padding                :   5px 0 0 30px;     
            border-top             :   1px solid #6AB396;
        } 
        ul li.plan_site_1, ul li.plan_site_1 a  {
            font-size              :   12px;
            font-weight            :   normal;
            text-transform         :   none;
            color                  :   #000; 
        }
        ul li.plan_site_1 a:hover {
            color                  :   #000;
            text-decoration        :   underline;
        }      

	
	/* Espace client*/
	table#espace_client, table#espace_client tr, table#espace_client td{
		border					:	none;
	}
	table#espace_client td input.champ{
		width					:	180px;
		margin-left				:	10px;
	}
	
/**************************************/
/*           BASELINE            	  */
/**************************************/

/* menu bas */
#accueil ul#menu_bas{
	width					:	123px;
	height					:	59px;
	background				:	url(/img/atelier-41/accueil/menus.gif) no-repeat left top;
}
#accueil ul#menu_bas{
	position				:	absolute;
	left					:	748px;
	top						:	500px;
}
#accueil ul#menu_bas li{
	position				:	absolute;
	left					:	0;
	top						:	11px;
}
#accueil ul#menu_bas li a{
	display					:	block;
	width					:	30px;
	height					:	37px;
}
#accueil ul#menu_bas li#menu_bas1{
	left					:	3px;
}
#accueil ul#menu_bas li#menu_bas2{
	left					:	31px;
}
#accueil ul#menu_bas li#menu_bas3{
	left					:	59px;
}
#accueil ul#menu_bas li#menu_bas4{
	left					:	87px;
}
#accueil ul#menu_bas li#menu_bas1 a:hover, #accueil ul#menu_bas li#menu_bas1.actif{
	background				:	url(/img/atelier-41/accueil/menu-bas[1].png) no-repeat left top;
}
#accueil ul#menu_bas li#menu_bas2 a:hover, #accueil ul#menu_bas li#menu_bas2.actif{
	background				:	url(/img/atelier-41/accueil/menu-bas[2].png) no-repeat left top;
}
#accueil ul#menu_bas li#menu_bas3 a:hover, #accueil ul#menu_bas li#menu_bas3.actif{
	background				:	url(/img/atelier-41/accueil/menu-bas[3].png) no-repeat left top;
}
#accueil ul#menu_bas li#menu_bas4 a:hover, #accueil ul#menu_bas li#menu_bas4.actif{
	background				:	url(/img/atelier-41/accueil/menu-bas[4].png) no-repeat left top;
}


#interne ul#menu_bas{
	position				:	relative;
	width					:	96px;
	height					:	44px;
	margin-left				:	806px;
	margin-bottom			:	15px;
	background				:	url(/img/atelier-41/interne/menus.gif) no-repeat left top;
}
#interne ul#menu_bas li{
	position				:	absolute;
	left					:	0;
	top						:	8px;
}
#interne ul#menu_bas li a{
	display					:	block;
	width					:	22px;
	height					:	28px;
}
#interne ul#menu_bas li#menu_bas1{
	left					:	4px;
}
#interne ul#menu_bas li#menu_bas2{
	left					:	25px;
}
#interne ul#menu_bas li#menu_bas3{
	left					:	46px;
}
#interne ul#menu_bas li#menu_bas4{
	left					:	66px;
}
#interne ul#menu_bas li#menu_bas1 a:hover, #interne ul#menu_bas li#menu_bas1.actif{
	background				:	url(/img/atelier-41/interne/menu-bas[1].png) no-repeat left top;
}
#interne ul#menu_bas li#menu_bas2 a:hover, #interne ul#menu_bas li#menu_bas2.actif{
	background				:	url(/img/atelier-41/interne/menu-bas[2].png) no-repeat left top;
}
#interne ul#menu_bas li#menu_bas3 a:hover, #interne ul#menu_bas li#menu_bas3.actif{
	background				:	url(/img/atelier-41/interne/menu-bas[3].png) no-repeat left top;
}
#interne ul#menu_bas li#menu_bas4 a:hover, #interne ul#menu_bas li#menu_bas4.actif{
	background				:	url(/img/atelier-41/interne/menu-bas[4].png) no-repeat left top;
}


/* coordonnees */
#zone-coordonnees{
	position				:	absolute;
	left					:	772px;
	top						:	424px;
	width					:	138px;
	height					:	82px;
}
#interne #zone-coordonnees{
	display					:	none;
}
/* menus baseline */
#cadre-bas ul{
	color					:	#707173;
}
#cadre-bas ul li{
	display					:	inline;
}
#cadre-bas a:link, #cadre-bas a:visited{
	color					:	#707173;
}
#cadre-bas ul a:hover, #cadre-bas ul a:active, #cadre-bas ul a:focus {
	text-decoration			: 	none;
	color					:	#cb562b;
}