/*             fichier CSS metiers pour ALIOD
                    http://www.aliod.fr
          Designed by "ALIOD" de http://www.aliod.fr
            © Copyright 2008-2009 S.A.R.L. ALIOD           */


/***********************************************************/
/*                   styles des balises                    */
/***********************************************************/

/*--------------------*/
/*       GENERAL      */
/*--------------------*/
h1 {
	color:#a2147d;
	font-size:1.9em;
	font-weight:bold;
	background: transparent none no-repeat;
	padding:20px 0 5px;
	}

/***********************************************************/
/*              styles des "id" et "class"                 */
/***********************************************************/

/*--------------------*/
/*        ADMIN       */
/*--------------------*/
#adm_fond {
	position:fixed;
	background:#000 none repeat scroll 0% 0%;
	opacity:0.85;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
	}
#adm_cadre {
	position:fixed;
	background:transparent url(../images/main/admin_connect.png) no-repeat scroll 0% 0%;
	top:50%;
	left:50%;
	width:420px;
	height:300px;
	margin-left:-210px;
	margin-top:-150px;
	z-index:100;
	}
#adm_close {
	position:relative;
	float:right;
	margin:3px 3px 0 0;
	cursor:pointer;
	}
#adm_form {
	position:relative;
	text-align:right;
	margin:215px 55px 0 0;
	}
#adm_btn {
	clear:both;
	float:right;
	width:32px;
	height:32px;
	margin: 32px 0 0 10px;
	}
#adm_input {float:right;}

/*--------------------*/
/*        PAGE        */
/*--------------------*/
#bandeau {
	background:transparent url(../images/main/main_bandeau.jpg) no-repeat 0 0;
	width:980px;
	height:148px;
	}
#admin {
	position:absolute;
	width:10px;
	height:10px;
	right:0;
	top:0;
	z-index:10;
	}
#admin img {
	width:10px;
	height:10px;
	}

/*--------------------*/
/*       BANDEAU      */
/*--------------------*/
#logo_icon {margin-bottom:35px;}
#ban_menu .menu_actif {
	float:right;
	margin:23px 15px auto 10px;
	color: #999;
	text-decoration:underline;
	cursor:default;
	}

/*--------------------*/
/*        CORPS       */
/*--------------------*/
#main {
	clear:both;
	float:left;
	width:630px;
	margin:0 15px 20px 20px;
	}
#slogan {
	font-size:3em;
	font-weight:normal;
	color:#ef8506;
	margin-bottom:10px;
	}
#accroche {
	margin: 0 0 10px 0px;
	color: #444;
	font-size: 1.4em;
	font-style: italic;
	}
#accroche a {
	color: #999;

	}
#accroche a:hover {
	color: #666;
	}
.texte {
	font-size:1.2em;
	padding-bottom:20px;
	}
.texte p:first-letter {color:#444;font-size:1.2em;font-weight:bold;}
.texte p {
	text-align: justify;
	font-size: 1.1em;
	margin-bottom:10px;
	}
.texte .pre_ul {
	font-size: 1.1em;
	margin-bottom: 2px;
	}
.texte ul {
	list-style-type:none;
	padding-left:20px;
	font-size:1.1em;
	margin-bottom:10px;
	}
.texte li {
	margin-bottom:2px;
	text-indent:12px;
	background:transparent url(../images/dossiers/dos_puce_claire.gif) no-repeat 0 0.5em;
	}
.texte .sp {
	margin: 5px 0 20px 0;
	font-size: 1.2em;
	text-align: justify;
	}
.texte .relief {
	color:#444;
	}
.texte a {
	color: #666;
	}
.texte a:hover {
	color: #999;
	}
.texte table {
	margin: 5px 0 5px 60px;
	width: 350px;
	}
.texte .aliod {
	color:#a3147d;
	}
.texte_ill {
	background: url(../images/metiers/met_carte.jpg) no-repeat;
	}
.texte .confiance {
	width: 630px;
	margin: 0 0 0 0;
	border-collapse: collapse;
	}
.confiance td {
	text-align: center;
	color: #444;
	font-size: 0.9em;
	vertical-align: top;
	width: 180px;
	}
.confiance .confiance_txt {
	margin: 5px 10px 0 10px;
	}
.texte .confiance img {
	height: 60px;



	}

/*--------------------*/
/*       CARTES       */
/*--------------------*/
#ill_rt_cartes {
	float:right;
	margin-bottom:5px;
	width:310px;
	height:225px;
	}
#ill_cartes_absolue {
	position:relative;
	top:10px;
	left:10px;
	width:290px;
	height:220px;
	}
#carte_aliod {
	position:absolute;
	top:34px;
	left:16px;
	width:70px;
	height:154px;
	color:#a2147d;
	background:transparent url(../images/main/main_carte_aliod.png) no-repeat 0 0;
	z-index:7;
	}
#carte_aliod_blank {
	position:absolute;
	top:34px;
	left:16px;
	width:70px;
	height:154px;
	/*background:transparent url(../imagesblank.gif) no-repeat 0 0;*/
	z-index:8;
	cursor: pointer;
	}
#carte_metiers {
	position:absolute;
	top:64px;
	left:122px;
	width:70px;
	height:154px;
	color:#1c6d21;
	background:transparent url(../images/main/main_carte_metiers.png) no-repeat 0 0;
	z-index:5;
	}
#carte_metiers_blank {
	position:absolute;
	top:64px;
	left:122px;
	width:70px;
	height:154px;
	/*background:transparent url(../images/blank.gif) no-repeat 0 0;*/
	z-index:6;
	cursor: pointer;
	}
#carte_dossiers {
	position:absolute;
	top:31px;
	left:167px;
	width:70px;
	height:154px;
	color:#ef8506;
	background:transparent url(../images/main/main_carte_dossiers.png) no-repeat 0 0;
	z-index:3;
	}
#carte_dossiers_blank {
	position:absolute;
	top:31px;
	left:167px;
	width:70px;
	height:154px;
	/*background:transparent url(../images/blank.gif) no-repeat 0 0;*/
	z-index:4;
	cursor: pointer;
	}
#carte_references {
	position:absolute;
	top:0px;
	left:180px;
	width:70px;
	height:154px;
	color:#21354c;
	background:transparent url(../images/main/main_carte_references.png) no-repeat 0 0;
	z-index:1;
	}
#carte_references_blank {
	position:absolute;
	top:0px;
	left:180px;
	width:70px;
	height:154px;
	/*background:transparent url(../images/blank.gif) no-repeat 0 0;*/
	z-index:2;
	cursor: pointer;
	}
.carte_titre {
	width:69px;
	margin:47px 0 7px;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	}
.carte_texte {
	margin:0 7px;
	text-align:left;
	color:#fff;
	font-size:5px;
	}

/*--------------------*/
/*        MENU        */
/*--------------------*/
#menu_rt {
	float:left;
	width:315px;
	}
#menu_rt .ttl_cadre {
	clear:both;
	background-color:#444;
	width:315px;
	padding:5px 0;
	}
#menu_rt .ttl_ctn {
	font-size:1.6em;
	font-weight:bold;
	color:#fff;
	padding:5px 0 5px 15px;
	}
#menu_rt .dev_cadre {
	clear:both;
	float:right;
	background-color:#999;
	width:310px;
	padding-bottom:30px;
	}
#menu_rt .dev_ttl {
	padding:10px 5px 0 15px;
	color:#a2147d;
	font-size:1.4em;
	font-weight:bold;
	}
#menu_rt .dev_ttl a, a:hover {
	color:#a2147d;
	font-size:1.0em;
	font-weight:bold;
	}
#menu_rt .actu_date {
	padding:0 0 0 15px;
	font-size: 10px;
	font-weight: normal;
	color:#555;
	}
#menu_rt .dev_ctn {
	padding:5px 15px 0 25px;
	color:#fff;
	font-size:1.3em;
	}
#menu_rt .dev_lien {
	padding:5px 10px 5px 0;
	width:290px;
	text-align:right;
	}
#menu_rt .dev_lien a {color:#512b00;font-size:12px;font-weight:normal;}
#menu_rt .dev_lien a:hover {color:#ef8506;font-size:12px;font-weight:normal;}
#menu_rt .ref_ttl {
	padding:5px 15px 0 25px;
	color:#a2147d;
	font-size:1.2em;
	text-align:center;
	}
#menu_rt .ref_ttl a, a:hover {color:#a2147d;font-weight:normal;}
#menu_rt .ref_ctn {
	padding:5px 15px 5px 25px;
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	}
#menu_rt .ref_img {
	padding:5px 35px 5px 45px;
	}
#menu_rt .ref_img img {
	border: 1px solid #444;
	padding:4px;
	width:220px;
	height:166px;
	}

/*--------------------*/
/*       FOOTER       */
/*--------------------*/
#photo_bas {
	background: transparent url(../images/main/main_photo.png) no-repeat;
	}
#footer .foot_titre {
	border-bottom:1px solid #444;
	color:#444;
	}
