body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	background: url(../../../images/motif_top.jpg) repeat-x top left #fff ;
	font-size: 11px;
	margin: 0;
	padding: 0;
	height:100%;
			
}
a, a:active:visited {text-decoration:none}


h1, p {margin: 0;padding:0;}
h1 a span{display: none;}


/* surcharge blueprint */
.bold { font-weight:bold}
.rouge { color: #ff0000;}
.bleu { color: #0088ab;}

.logo_acc {background:url(../../../images/logo_accueil.jpg) no-repeat top left; width:250px; height:128px; float:left;
}

#nav_accueil {   display:none;list-style-type: none; font-weight:bold; font-size:10px; line-height:12px; margin:0 14px;}
#nav_accueil li{margin:0;padding:0 0 3px 9px; color:#ff0000; background:url(../../../images/img-common/puce_carre_r.gif) no-repeat 1px 4px;  }




.chemin {color: #6a655d; margin: 0px 0px 0px 0px ;padding: 0px 0px 6px 10px; font-size: 11px;}
.chemin img{float:left; padding:1px 4px 0 0;}
.chemin a:hover     { color: #ff0000; text-decoration: underline; font-size: 11px; font-weight:bold}
.chemin a, .chemin a:active:visited { color: #ff0000; text-decoration: none; font-size: 11px;font-weight:bold}






/* 1er content --------------------------------------------------------------------------*/
#content{padding:0px 10px 0px 10px ;margin:0;width:950px;display: block; background:#fff}

/* footer ---------------------------------*/
#content div.footer_acc {padding:0px; height: 90px; float:left; }
#content div.footer_acc div.gch{padding:0px; margin:0; height: 90px;width: 90px;float:left; background: url(../../../images/img-common/footer_g.png) no-repeat top left}
#content div.footer_acc div.drt{padding:0px;margin:0; height: 90px;width: 100%; background: url(../../../images/img-common/footer_d.png) no-repeat top right}
#content div.footer_acc div.liens{width:400px;padding:18px 0 0 0;margin:0; color:#bebfb1; }
#content div.footer_acc div.liens a, .chemin a:active:visited { color: #72a8cb; text-decoration: none; font-size: 11px;font-weight:bold}
#content div.footer_acc div.liens a:hover     { color: #dfdfdf; text-decoration: none; font-size: 11px; font-weight:bold}


#content, #content .sb-inner { background:#fff }

#content h1 {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14pt;
	color: #225680;
}

#content h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 14pt;
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	color: #225680;
}
#menu_acc {
	padding:103px 30px 0 30px;
	width:492px;
	height:210px;
	margin:0;
	float:right;
	}
.liens_acc {
	height:42px;
	float:right;
	cursor:pointer !important;
	}
.acc_ref{
	width:413px;
	background:url(../../../images/acc_fd_ref.jpg) no-repeat right -10px;
	}
.acc_act{
	width:392px;
	background:url(../../../images/acc_fd_act.jpg) no-repeat right -10px;
	}
.acc_etu{
	width:492px;
	background:url(../../../images/acc_fd_etu.jpg) no-repeat right -10px;
	}
.acc_con{
	width:378px;
	background:url(../../../images/acc_fd_con.jpg) no-repeat right -10px;
	}
.acc_rec{
	width:420px;
	background:url(../../../images/acc_fd_rec.jpg) no-repeat right -10px;
	}
.acc_ref:hover, .acc_act:hover, .acc_etu:hover, .acc_con:hover, .acc_rec:hover{
	background-position:right bottom;
	}
	

#projecteur {
	margin:5px 0px 0 0;
	padding:0 60px 0 0;
	width:250px;
	height:105px;
	float:right;
	}

/* colgche --------------------------------------------------------------------------*/
#colgche{float:left; display:block;width:188px; margin: 0 0 0 6px; padding:14px 0px 20px 0px; font-size:11px;line-height:12px;}



#colgche p{ padding:0;margin:0 14px 6px 14px ;}
#colgche img{ padding:0;margin:0 0px 6px -4px ;}
#colgche h2{color:#ff0000;padding:8px 0 0 0;margin:0 14px 14px 16px ;}
#colgche ul{   list-style-type: none; font-weight:bold; font-size:10px; line-height:12px; margin:0 14px}
#colgche li{margin:0;padding:0 0 3px 9px; color:#ff0000; background:url(../../../images/img-common/puce_carre_r.gif) no-repeat 1px 4px;  }
#colgche li a, #colgche li a:active:visited{color:#000;font-weight:bold; font-size:10px; line-height:11px;  }
#colgche li a:hover{ text-decoration:none;color:#ff0000;}


/* footer--------------------------------------------------------------------------*/

#footer {display: block; width:950px; margin:0px 0 0px 0 ;	padding: 0px 10px;  }
#footer, #footer .sb-inner { background:#eae9e5 url(../../../images/img-common/fd_footer.jpg) repeat-x ; }

#footer div.bloc{ display: block;width:140px; margin:20px 0 16px 25px ;padding:0;color:#6a655d; float:left}
#footer div.bloc p{ margin:7px 0;padding:0; line-height:12px}
#footer div.bloc a, #footer div.bloc a:active:visited{ font-weight:bold; color:#FF0000}
#footer div.bloc h1{ font-weight:bold; font-size:12px; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif}

#cartche { display: block;width:345px;margin:8px 0 12px 0  ;height:auto;	padding: 10px ; float:right; text-align:left; color:#67635a }
#cartche p { padding:0; margin:3px 0 5px 7px }
#cartche p a, #cartche p a:active:visited{ color:#67635a; text-decoration:underline; line-height:14px }
#cartche p a:hover{ color:#b90000; text-decoration:underline }
#cartche, #cartche .sb-inner {background:#e4e3de url(../../../images/img-common/fd_cartche.jpg) repeat-x ;}
#cartche .sb-border {background:#f1f0ef ;}



/*__________________________________________________PAGES INTERNES___________________________________________*/

#content2{margin:0;width:950px;display: block; background:#fff; position:relative;}

#header {	height: 129px; background: url(../../../images/bottom_ban.jpg) no-repeat bottom left #7a95ab;
	width:100%;}
.logo {
	background:url(../../../images/logo_tollis.jpg) no-repeat; margin:35px 0 0 10px;
	width:135px; height:66px; float:left;}
	
#nav { margin:0; padding:0; width:805px; float:left; margin:84px 0 0 0;}
#nav ul{ float:right; padding:0; margin:0;}
#nav li { display:inline;}
#nav li a {display:block;height:100%; text-indent:-1500px;}

.references {
	background:url(../../../images/nav_references2.jpg) no-repeat top right; 
	width:112px;
	float:right;
	margin:0;
	padding:0;
	}
.activites {
	background:url(../../../images/nav_activites2.jpg) no-repeat top right; 
	width:87px;
	float:right;
	margin:0;
	padding:0 0 0 20px;
	}
.etudes {
	background:url(../../../images/nav_etudes2.jpg) no-repeat top right; 
	width:209px;
	float:right;
	margin:0;
	padding:0 0 0 20px;
	}
.contact {
	background:url(../../../images/nav_contact2.jpg) no-repeat top right; 
	width:79px;
	float:right;
	margin:0;
	padding:0 0 0 20px;
	}
.recrut {
	background:url(../../../images/nav_recrutement2.jpg) no-repeat top right; 
	width:127px;
	float:right;
	margin:0;
	padding:0 0 0 20px;
	}
.recrut:hover, .references:hover, .contact:hover, .etudes:hover, .activites:hover { background-position: bottom right;}
	

#principal {
	width:930px;
	height: auto;
	margin:0;
	padding: 0 0 0 20px;
	}
#top_princ {
	height:104px;
	padding:0;
	margin:0;
	}
#top_princ_ind {
	height:40px;
	padding:0;
	margin:0;
	}
#top_princ_recrut {
	height:150px;
	padding:0;
	margin:10px 0 0 0;
	}
#top_princ_contact {
	height:150px;
	padding:0;
	margin:10px 0 0 0;
	}
#body_princ {
	padding:0;
	margin:0;
	}
.titre {
	margin:10px 0 0 0;
	padding:0;
	}
.titre_references {
	width:95px;
	background:url(../../../images/titre_references.jpg) no-repeat top left;
	height:22px;
	}
.titre_activites {
	width:81px;
	background:url(../../../images/titre_activites.jpg) no-repeat top left;
	height:22px;
	}
.titre_projecteur {
	width:171px;
	background:url(../../../images/titre_projecteur.jpg) no-repeat top left;
	height:22px;
	}
.titre_etudes{
	width:327px;
	background:url(../../../images/titre_etudes.jpg) no-repeat top left;
	height:22px;
	}
.titre_recrut{
	width:117px;
	background:url(../../../images/titre_recrut.jpg) no-repeat top left;
	height:22px;
	}
.titre_mentions{
	width:144px;
	background:url(../../../images/titre_mentions.jpg) no-repeat top left;
	height:22px;
	}
.gabarit_retour {
	margin:0;
	padding:0;
	float:right;
	}
.fiche_titre{
	float:left;
	margin:25px 0 0 0;
	padding:0;
	font-size:22px;
	font-weight:bold;
	color:#7a95ab;
	}
.banniere_marbre{
	width:622px;
	height:71px;
	margin:11px 0 0 0;
	padding:0;
	background: url(../../../images/ban_marbre.jpg);
	}
.banniere_metal{
	width:622px;
	height:71px;
	margin:11px 0 0 0;
	padding:0;
	background: url(../../../images/ban_metal.jpg);
	}
.banniere_pierre{
	width:622px;
	height:71px;
	margin:11px 0 0 0;
	padding:0;
	background: url(../../../images/ban_pierre.jpg);
	}
.banniere_polychromie{
	width:622px;
	height:71px;
	margin:11px 0 0 0;
	padding:0;
	background: url(../../../images/ban_polychromie.jpg);
	}
.banniere_sculpture{
	width:622px;
	height:71px;
	margin:11px 0 0 0;
	padding:0;
	background: url(../../../images/ban_sculpture.jpg);
	}
.banniere_stuc{
	width:622px;
	height:71px;
	margin:11px 0 0 0;
	padding:0;
	background: url(../../../images/ban_stuc.jpg);
	}
#col_gch {
	float:left;
	width:622px;
	padding:0 0 30px 0;
	margin:20px 0 0 0;
	}	
#col_gch_ref {
	float:left;
	width:622px;
	padding:0;
	margin:-45px 0 0 0;
	}
#col_gch_gabarit {
	float:left;
	width:622px;
	padding:0 0 40px 0;
	margin:0;
	}	
#presentation {
	padding:0;
	margin:0 0 10px 0;
	font-size:12px;
	width:622px;
	float:left;
	line-height:130%;
	}
#presentation_gab2 {
	padding:0;
	margin:0 0 40px 0;
	font-size:12px;
	width:622px;
	float:right;
	}
#presentation hr {
	height:0px;
	background:none;
	width:622px;
	}
.visu {
	float:right;
	padding:0 0 10px 20px;
	margin:0;
	}
.visu_proj {
	float:right;
	padding:0 0 15px 10px;
	margin:0;
	}
.visu_proj_left {
	background: #dfdfdf;
	float:left;
	padding:0 10px 10px 0 ;
	margin:0 10px 0 0 ;
	}
.visu_etape {
	float:right;
	padding:0 0 30px 10px;
	margin:0;
	}
.etape {
	float:left;
	padding:0 0 20px 0;
	margin:0;
	}
.etape_gab3 {
	float:left;
	padding:0 0 30px 0;
	margin:0;
	}
.etape {
	float:left;
	padding:0 0 20px 0;
	margin:0;
	}
#text_etude {
	float:left;
	padding:0 0 20px 0;
	margin:0;
	width:450px;
	}
#images_etude {
	float:right;
	padding:0 0 20px 0;
	margin:0;
	width:150px;
	}
.vign_etude {
	padding:0;
	margin:10px 0 10px 0;
	width:150px;
	float:left;
	}
.etape_proj {
	float:left;
	padding:10px;
	margin:20px 0 0 0;
	width:622px;
	background:#dfdfdf;
	}
.etape_proj_gab2 {
	float:left;
	padding:10px;
	margin:10px 0 10px 0;
	width:618px;
	border: 2px dotted #dfdfdf;
	}
.etape_proj_gab3 {
	float:left;
	padding:0 0 5px 0;
	margin:0;
	width:300px;
	background:#dfdfdf;
	}
.etape_proj_space {
	float:left;
	padding:0;
	width:20px;
	height:200px;
	}
.etape_vign {
	width:94px;
	height:78px;
	margin:0 10px 20px 0;
	padding:0;
	background:#7a95ab;
	float:left;
	}

.chantiers {
	float:left;
	width:622px;
	padding:0;
	margin:0 0 25px 0;
	}
.chantiers ul, cat_reference ul {
	margin-left:0px;
	padding-left:20px;
	background:url(../../../images/puce_ref.jpg) no-repeat center left;
	}
.sous_chantiers {
	float:left;
	width:612px;
	padding:5px;
	margin:0;
	background:url(../../../images/fd_sous_chantier.jpg);
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
	}
.cat_reference {
	float:left;
	width:622px;
	padding:0;
	margin:0;
	background:#f6f4f4;
	}
.refer {
	float:left;
	width:290px;
	padding:0 10px 5px 0;
	margin:0;
	}
.vign {
	float:left;
	margin:0 10px 5px 0;
	border:3px solid #fff;
	}	
.col_drt {
	float:right;
	width:235px;
	margin:0;
	}
.col_drt div {
	padding:10px;
	background: url(../../../images/degr_col_drt.jpg) no-repeat top left;
	height: 420px;	
}		
.liens_drt {
	float:left;
	width:200px;
	border-bottom:2px dotted #d3d3d3;
	padding: 10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a06638;
	}
.col_drt ul {
	margin-left:0px;
	padding-left:20px;
	margin-bottom:7px;
	background:url(../../../images/puce_drt_o.gif) no-repeat center left;
	}
.col_drt ul:hover {
	margin-left:0px;
	padding-left:20px;
	background:url(../../../images/puce_drt.gif) no-repeat center left;
	}
.act_pres {
	width:436px;
	text-align:justify;
	padding:0;
	margin:0 0 10px 0;
	float:left;
	}
#act_space {
	width:50px;
	float:left;
	height:150px;
	margin:0;
	padding:0;
	}
.act_ban {
	width:926px;
	height:45px;
	padding:0;
	margin:34px 0 0 0;
	float:left;
	
	}	
.ban_marbre {
	background:url(../../../images/act_marbre.jpg) no-repeat top left;
	}
.ban_metal {
	background:url(../../../images/act_metal.jpg) no-repeat top left;
	}
.ban_pierre {
	background:url(../../../images/act_pierre.jpg) no-repeat top left;
	}		
.ban_polychromie {
	background:url(../../../images/act_polychromie.jpg) no-repeat top left;
	}
.ban_sculpture {
	background:url(../../../images/act_sculpture.jpg) no-repeat top left;
	}
.ban_stuc {
	background:url(../../../images/act_stuc.jpg) no-repeat top left;
	}
	
	
/*______________________________GABARIT 1 ___________________________________*/

#gab1_top {
	width:622px;
	height:265;
	padding:0;
	margin:0 0 30px 0;
	float:right;
	}
.gab1_visu {
	width:436px;
	height:265px; 
	margin-right:20px; 
	float:left;
	}
#gab1_text {
	float:left;
	width:436px;
	margin:20px 5px 0 0;
	}
#gab1_vign {
	width:147px;
	margin:0;
	float:right;
	}
.gab1_vign {
	margin:15px 0 0 0;
	padding:0;
	width:147px;
	height:147px;
	}	

/* ______________________________GABARIT 2  et 3 ______________________________________________*/

#gab2_col_gch {
	width:314px;
	margin:15px 0px 30px 0;
	padding:0;
	}
#gab2_col_drt {
	width:300px;
	margin:15px 0 30px 0;
	padding:0;
	float:right;
	}
#gab3_col_gch {
	width:314px;
	margin:0px 0px 30px 0;
	padding:0;
	}
#gab3_col_drt {
	width:300px;
	margin:0px 0 30px 0;
	padding:0;
	float:right;
	}
.gab2_vign {
	margin:10px 10px 0 0;
	padding:0;
	float:left;
	width:147px;
	height:147px;
	}


/*_____________________________pages recrut_________________________________*/

#emploi {
	width:431px;
	padding:0
	margin:0 0 40px 0;
	float:left;
	}
#recrut_space {
	width:48px;
	float:left;
	height:150px;
	margin:0;
	padding:0;
	float:left
	}
.body_recrut {
	padding:10px;
	background:url(../../../images/motif_emploi.jpg) repeat-y;
	width:417px;
	float:left
	}
.top_emploi {
	background:url(../../../images/top_emploi.jpg) no-repeat top left;
	height:33px;
	width:437px;
	float:left
	}
.top_stage {
	background:url(../../../images/top_stage.jpg) no-repeat top left;
	height:33px;
	width:437px;
	float:left
	}
.bas_emploi {
	background:#7a95ab;
	height:10px;
	width:437px;
	float:left;
	margin-bottom:50px;
	}
.spontanee {
	width:593px;
	height:100px;
	background:url(../../../images/spontanee.jpg) no-repeat;
	margin:0 0 0px 170px;
	padding:20px 0 80px 0;
	float:left;
	}
.offre {
	width:403px;
	border: 2px dotted #dfdfdf;
	padding:5px;
	margin: 0 0 10px 0;
	}	
	
#text_offre {
	float:left;
	padding:0 0 20px 0;
	margin:0;
	padding:5px;
	width:245px;
	border:2px dotted #d8d8d8;
	}
#text_candidature {
	float:left;
	padding:10px 10px; 20px 10px;
	margin:0;
	width:225px;
	height:430px;
	background:#dfdfdf;
	}
#formulaire_offre {
	float:right;
	padding:0 0 20px 0;
	margin:0;
	width:345px;
	}
		
#container{
	padding-bottom:0;
	}
	
#content2 div.footer {padding:0 0 10px 0px; margin:0; height: 90px; background:#d5d5ca; bottom:0; position:relative; clear: both; }
#content2 div.footer div.gch{padding:0px; margin:10px 0 0 0; height:90px;width: 640px;float:left; border-right:3px solid #fff;}
#content2 div.footer div.drt{padding:0px;margin:30px 0 0 0; height:50px; width:250px; float:right;}
#content2 div.footer div.liens{width:600px;padding:0;margin:0; color:#111; float:left; }
#content2 div.footer div.liens a, .chemin a:active:visited { color: #555; text-decoration: none; font-size: 11px;font-weight:bold}
#content2 div.footer div.liens a:hover     { color: #111; text-decoration: none; font-size: 11px; font-weight:bold}


/* coup de projecteur colonne droite et footer 2-----------------------------------*/

#footer2 {display: block; width:950px; margin:0;	padding: 0px 10px; border-top:2px dotted #7a95ab;  }

#content2 div.footer2 {padding:10px 0 0 0; margin:0; height: 90px; bottom:0; position:relative; clear: both; }
#content2 div.footer2 #liens { margin-left:300px;}
#content2 div.footer2 #liens a, .chemin a:active:visited { color: #7a95ab; text-decoration: none; font-size: 11px;font-weight:bold}
#content2 div.footer2 #liens a:hover     { color: #111;}

#projo{ width:225px; height: 235px; overflow: hidden; background:#e4e4dd url(../../../images/coin_projecteur.gif) top right no-repeat; float:right; padding: 5px; margin:5px 0 20px 0; border-bottom:2px solid #cccccc; font-size:14px; font-weight:bold; }
#proj_texte{ padding:5px 15px 10px 5px; width:205px; font-size:11px; color:#000; font-weight:normal; margin:0; }
#proj_texte img{ margin:0 5px 5px 0; border:3px solid #fff;}
#proj_texte li{ margin:0; padding:0; list-style:none;}


/* Defilement des coups de projecteur */

ul#news, 
ul#news li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.fichier {
	width:230px;
	padding:10px;
	margin: 0 10px 0 0;
	float:left;
	}
.fichier img {
	margin-right:10px;
}
.mentions_txt {
	color:#7a95ab;
	font-weight:bold;
	}


li {
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
	list-style-type:square;
	}

div.loupe {
	position:absolute;
	background:url(../../../images/loupeplus.gif) 15px 10px no-repeat;
	width: 34px;
	height: 29px;
	display: none;
}