﻿body{
	background:#911201 url(../img/bodybg.jpg) repeat-x scroll 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 13px;
}
div, ul, li{
	margin:0;
	padding:0;
}
a, a.spip_out , a.spip_in{
	text-decoration : none; 
	color : #5486A5;
}
a:hover, a.spip_out:hover , a.spip_in :hover{
	text-decoration : underline;
}

#invisible { display : none; }

/* BLOCS	*/
.main-container{
	position:relative;
	margin:auto;
	width:930px;
}
.container{
	width:740px;
	height:681px;
	margin-top:41px;
	position:absolute;
	text-align:left;
	background : #DFE3E2 url(../img/blanc.jpg) bottom left repeat-x scroll ;
}
.left-panel{
	background-image:url(../img/left-panel.jpg);
	width:57px;
	height:681px;
	position:absolute;
}
.right-panel{
	background:transparent url(../img/right-panel.jpg) no-repeat 0px 0px;
	height:681px;
	margin-top:43px;
	position:absolute;
	right:0px;
	width:30px;
	z-index:2;
}
.top-panel{
	position:absolute;
	background:#DFE3E2 url(../img/top-panel.jpg) no-repeat 100% 0px;
	width:100%;
	height:45px;
}
.logo{
	background:#DFE3E2 url(../img/logo.jpg) no-repeat 0px 0px;
	width:271px;
	height:96px;
	position:absolute;
	margin:13px 0px 0px 57px;
}
.logo h1 { display : none;}



/* MENU */
.menu{
	height:22px;
	margin:110px 0pt 0pt 32px;
	position:absolute;
	width:677px;
	z-index:3;
}
.menu ul{
	margin :0 0 0 26px;
	padding:0;
	list-style:none;
}
.menu ul li{
	display : inline;
	list-style:none;
	float:left;
	font-size:12px;
	height:22px;
	margin-right:4px;
	text-align:center;
	vertical-align : middle;
	 /* background:#dfe3e2 url(../img/btn-right.jpg) no-repeat right 0; */
	}
.menu ul li a{
	float:left;
	display : block;
	background:#dfe3e2 url(../img/btn-left.jpg) no-repeat 0 0;
	height :22px;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	vertical-align : middle;
	line-height : 22px;
	padding-left : 10px;
}
.menu ul li a:hover {
	 background-position : 0 -22px;
}
.menu ul li a span{
	float:left;
	display : block;
	background:#dfe3e2 url(../img/btn-right.jpg) no-repeat right top;
	height :22px;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	vertical-align : middle;
	line-height : 22px;
	z-index : 100;
	padding-right : 10px;
	cursor : pointer;
}
.menu ul li a:hover span{
	background:#dfe3e2 url(../img/btn-right.jpg) no-repeat right -22px;
	text-decoration : none;
}
.menu ul li.on	a{
	background-position : 0 -44px;
}
.menu ul li.on	a span {
	background-position : right -44px;
}
.menu ul li.on	a:hover{
	background-position : 0 -44px;
}
.menu ul li.on	a:hover span {
	background-position : right -44px;
}
.link{
	color:#fff;
	text-decoration:none;
	line-height:22px;
}
div.menu	a.ingenieur{
	display : block;
	margin-top : 12px;
	padding : 0;
	float : right;
	font-size:11px;
	height : 22px;
	color:#acb6b5;
	text-decoration : none;
	font-weight : bold;
}
div.menu a:hover {
	color: #285165;
}
div.menu a.ingenieurCheck{
	display : block;
	margin-top : 12px;
	padding : 0;
	float : right;
	height : 22px;
	color:#285165;
	text-decoration : none;
	font-weight : bold;
	font-size: 11px;
}
hr.hr{
	height:8px;
	border:0px;
	background-color:#acb6b5;
	width:652px;
	position:absolute;
	float : left;
	margin: -6px 0 0 26px;
	clear : both;
}
div.menu	> hr.hr {
	height:8px;
	border:0px;
	background-color:#acb6b5;
	width:652px;
	position:absolute;
	margin:26px 0pt 0pt 26px;
}

/* Photos rubriques*/
.photosRub{
	position:absolute;
	width:652px;
	height:178px;
	margin:150px 0pt 0pt 57px;
}
div#photo-accueil{ background-image : url(../img/admastering-accueil.jpg);}
div#photo-Realisations{ background-image : url(../img/admastering-realisations.jpg);}
div#photo-Equipement{ background-image : url(../img/admastering-equipement.jpg);}
div#photo-Tarifs{ background-image : url(../img/admastering-tarifs.jpg);}
div#photo-Faq{ background-image : url(../img/admastering-faq.jpg);}
div#photo-Contact{ background-image : url(../img/admastering-contact.jpg);}
div#photo-Liens{ background-image : url(../img/admastering-liens.jpg);}
div#photo-Actualites{ background-image : url(../img/admastering-actualite.jpg); }
div#photo-Liens{ background-image : url(../img/admastering-lien.jpg); }
div#photo-HorsMenu{ background-image : url(../img/admastering-accueil.jpg); }/* page membre (transfert) */
div#photo-3{ background-image : url(../img/admastering-cquoi.jpg); }/* le mastering c'est quoi */
div#photo-4{ background-image : url(../img/admastering-apresStudio.jpg); }/* Après le studio */
div#photo-5{ background-image : url(../img/admastering-renseignementutil.jpg); }/* Renseignements utiles */
div#photo-10{ background-image : url(../img/admastering-cv.jpg); }/* Ingenieur Mastering */

/*	 DEFILEMENT	 */
.questions{
	width:653px;
	height:32px;
	position:absolute;
	border-bottom:2px solid #868e90;
	margin:335px 0pt 0pt 58px;
	background-color:#acb6b5;
}
#tickertape{
	position:relative;
	layer-background-color:transparent;
	width:653px;
	height:32px;
}
#subtickertape{
	background-color:transparent;
	position:absolute;
	border: none;
	width:653px;
	height:32px;
}
.subtickertapefont{
	font:bold 12px Verdana;
	text-decoration:none;
	color:white;
	padding-left : 15px;
	padding-top : 10px;
}
.subtickertapefont a{
	color:white;
	text-decoration:none;
}

/* PARTIE CENTRALE */
#corps {
	position : absolute;
	margin: 380px 0pt 0pt 58px;
}
#corps h2 {
	font-size : 15px;
	font-weight : bold;
	margin : 0;
	padding : 0;
}
/*menu de gauche*/
#menuLeft {
	position:absolute;
	width:184px;
	height:214px;
	z-index:1;
	background-image: url(../img/fond_MenuLeft.jpg);
	border: 1px none #000000;
	top: 0px;
}
#menuLeft table{
	margin-top: 16px;
	width : 159px;
	height : 20px;
	border : none;
	text-align : center;
}
#menuLeft table tr td{
	width : 135px;
	text-align : left;
	line-height : 12px;
}
#menuLeft a {
	padding-left : 16px;
	background : url(../img/puce.jpg) no-repeat 5px center;
	color : #FFFFFF;
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
}
#menuLeft a:hover {
/* 	color : #2a5369; */
text-decoration : underline;
}
#menuLeft > table > tbody > tr > td > a {
	font-size : 12px;
}
#menuLeft a.on {
	color : #2a5369;
	font-weight : normal;
}
#texte {
	position:absolute;
	width:445px;
	height:282px;
	z-index:2;
	left: 200px;
	top: 0px;
	overflow:auto;
	color : #666666;
	font-family : Arial, Helvetica, sans-serif;
	padding : 0;
	padding-right : 10px;
}
#texte img{
	margin : 0;
	padding : 0;
}
/* #texte h2 {  display : none; } */

/*  ACTUALITES  */
#actualite-maxi {
	position:absolute;
	width:430px;
	height:95px;
	z-index:3;
	left: 34px;
	top: 603px;
	background : transparent url(../img/actu-maxi.gif) no-repeat;
	border: 1px none #000000;
	padding-left : 283px;
	padding-top : 10px;
}
#actualite-mini {
	position:absolute;
	width:172px;
	height:61px;
	top: 219px;
	background : transparent url(../img/actu-mini.jpg) no-repeat;
	padding : 7px 0 0 12px;
}
#actualite-mini div#bandeau, #actualite-maxi div#bandeau {
	height : 20px;
	font-weight : bold;
}
#actualite-mini div#bandeau	span, #actualite-maxi div#bandeau	span{
	color : #2A5369;
	font-size : 13px;
}
#actualite-mini div#bandeau	a , #actualite-maxi div#bandeau	a {
	color : #fff;
	font-size : 10px;
	text-decoration : none;
}
#actualite-mini p {
	color : #878D8B;
	font-size : 11px;
	margin-top : 4px;
	padding-right : 12px;
}
#actualite-maxi p{
	font-size : 11px;
	font-weight : bold;
	margin-top : 0;
	line-height : 13px;
	color : #413F42;
	width:410px;
	z-index : 100;
}


/*---------------------------------*/
/*	PANNEAU DE DROITE  */
/*---------------------------------*/
div.bande-group{
	position:absolute;
	width:175px;
	height:532px;
	background-color:#423F40;
	right:0;
	padding-left : 15px;
	margin-top:125px;
	color : #fff;
	z-index : 0;
}
div.bande-group-right{
	position:absolute;
	background-image : url(../img/bande-group-right.jpg);
	right:0;
	width:16px;
	height:532px;
}
div.bande-group p.titre{
	color : #6B8DB0;
	font-size : 13px;
	font-weight : bold;
}
div.bande-group hr{
	color: #cacaca;
	text-align : right;
	width : 80%;
}

/* Acces membre	*/
div#log { 
	position : absolute;
	top : 0;
	height : 210px; 
}
div#log p.titre { margin-bottom : 10px; }
div#log p.titre a#deconnexion { position : absolute; top : 12px; right : 15px; color : #fff;  }/* Croix de deconnexion */
div#log form { margin : 0; }
div#log > form {
	position : relative; 
	left : -8px;
}
div#log form, div#log form fieldset	 { border : 0; }/* enleve la bordure du formulaire de log*/
div#log input[type="text"], #log input[type="password"] {
	border : none;
	width : 130px;
	height : 26px;
	padding : 5px 18px 0 18px;
	background : transparent url(../img/fondInput.jpg) no-repeat 0 0;
}
div#log input[type="text"] {
	margin-top : 17px;
}
fieldset legend{ display : none;}
div#log form fieldset	legend, div#log input[type="checkbox"], div#log label#cookie { display : none; }/*  on rend invisible certains elements */
div#log input[type="submit"]{
	background-color: #6B8DB0;
	width: 75px;
	border : #222222 2px solid;
	float : left;
	color : #fff;
}
div#log input[type="submit"]:hover {
	background-color: #7D797A;
	cursor: pointer;
}
p#identifiant {
	position : relative;
	top : -8px;
	margin-top : 0;
	margin-bottom : 2px;
	padding : 0;
}
p#txt{
	position : absolute; 
	bottom : 0;
	width : 160px;
}
p#infos{
text-align:justify;
	width : 160px;
}

div#lastReal, div#log{ 
	padding-right : 16px; /* Pour eviter que le contenu ne passe sous l'image de fond de 'band-group-right'  */
	font-size : 12px;
} 

div.bande-group hr {
	position : absolute ;
	top : 210px;
	width : 80%;
	margin-top : 0;
	margin-bottom : 0;
}

/*  derniere réalisations */
div#lastReal {
	position : absolute;
	bottom : 15px;
	height : 300px;
	width : 160px;
	max-height : 300px;
	overflow : auto;
	overflow-y : hidden;
	padding : 0;
	margin : 0;
	clear: both;
}
div#lastReal p.spip {
	line-height : 12px;
	margin: 2px;
	padding : 2px:
}
div#lastReal a{ text-align : center; }
div#lastReal a img{
	border : none;
	float : left;
}
div#lastReal a#logo {
	height : 150px;
}
div#lastReal p.titre {
	margin : 8px 0 12px 0;
}

/*-----------------------*/
/*    SOMMAIRE    */
/*-----------------------*/
#accueil {
	position:absolute;
	width:445px;
	height:282px;
	z-index:2;
	left: 200px;
	top: 0px;
	overflow:auto;
	color : #666666;
	font-family : Arial, Helvetica, sans-serif;
	padding : 0;
	padding-right : 10px;
	font-size : 12px;
	text-align : justify;
}
#accueil p{
	margin-top : 0;
	margin-bottom : 11px;
	padding : 0;
}
/*-----------------------*/
/*    PAGE MEMBRE    */
/*-----------------------*/
#membre {
	position:absolute;
	width:445px;
	height:282px;
	z-index:2;
	left: 200px;
	top: 0px;
	overflow:auto;
	color : #666666;
	font-family : Arial, Helvetica, sans-serif;
	padding-right : 10px;
}
#membre input[type="file"]{
	background-color: #6B8DB0;
	border : none;
	float : left;
	color : #fff;
	margin-right : 30px;
}
#membre input[type="submit"] {
	width: 95px;
}
span#message {
	display : block;
	margin-top : 20px;
	color : red;
	font-weight : bold;
	text-align : center;
}
span#messageCache {
	display : block;
	color : red;
	font-weight : bold;
	text-align : center;
	height : 40px;
	line-height : 40px;
	background: transparent url(../img/gif_attente.gif) no-repeat 0 0;
}

/*-----------------------------------*/
/* RUBRIQUE REALISATIONS */
/*-----------------------------------*/
#realisations {
	position:absolute;
	width:652px;
	height:210px;
	color:#666666;
	overflow:auto;
	white-space:nowrap;
	overflow-y:hidden;
	margin-left : -24px;
}
div.fragment  > #realisations {
	margin-left : 0;
}
#realisations table {
	background-color : #413F40;
	width	: 642px;
	height :173px;
	padding : 5px 5px 30px 5px;
}
#realisations table  tr td {
padding-left : 5px;
}
.reflect {
	display : block;
	z-index : 10;
}
.reflected {
	display : block;
}
a.reflet img {
	height-maxi : 30px;
}

div#onglets {
	height : 17px;
	width : 24px;
	position:relative;
	left : -13px;
	float : left;
	margin : 0;
	vertical-align : top;
}
div#onglets a.lien_pagination{
	display : block;
	float : left;
	height : 17px;
	width : 14px;
	background : transparent url(../img/Onglet_real.jpg) no-repeat left 0;
	text-decoration : none;
	text-align : center;
	color : #fff;
}
div#onglets a:hover.lien_pagination{
	background : transparent url(../img/Onglet_real.jpg) no-repeat 50% 0;
	color : #fff;
}
div#onglets span.on {
	display : block;
	float : left;
	height : 17px;
	width : 14px;
	background : transparent url(../img/Onglet_real.jpg) no-repeat right 0;
	text-decoration : none;
	text-align : center;
	color : #fff;
}
a#retour {
	clear : both;
	display : block;
	padding-left : 30px;
	margin-top : 40px;
	height : 27px;
	background : scroll transparent url(../img/retour1.jpg) no-repeat 0 0;
	color : #B0B5B4;
	line-height : 27px;
	}
a#retour:hover {
	background : scroll transparent url(../img/retour2.jpg) no-repeat 0 0;
	color : #767B7B;
	text-decoration : none;
}

div#faqDetail {
	padding : 0;
	margin-bottom : 30px;
	clear : both;
}
div#faqDetail h3{
	color : #275265;
	font-size : 14px;
	line-height : 14px;
}


/*-----------------*/
/*	LIENS     */
/*-----------------*/
.liens h3{ 
	color: #5486a5;
	text-decoration : underline;
	margin : 0;
	margin-bottom : 8px;
}
.liens p.spip {
	margin : 0;
	text-align :  left;
	color : #000;
	font-size : 12px;
}
.liens p.spip  a{
	font-size : 11px;
	color : #000;
}
.liens p.spip  a:hover{
	color : #5486A5;
}


/*-----------------*/
/*	 PIED      */
/*-----------------*/
span#pied{
	position : absolute;
	top : 730px;
	left : 145px;
	text-align : center;
	z-index : 500;
	color : #fff;
	font-size : 11px;
}
span#pied a{
	color : #fff;
}

/*-----------------*/
/*     CONTACT  */
/*-----------------*/
a.liensContact {
	position : absolute; 
	left : 335px;	
	float : right; 
	z-index : 800;

}
a#loupe{  
	bottom : 0;
 	width : 26px;
	height : 26px;
	display : block;
	background-image : url(../img/loupe.jpg);
	}
a#michelin{  
	bottom : 38px;
 	width : 110px;
	height : 20px;
	display : block;
	background-image : url(../img/lien_michelin.jpg);
	}
a#googleMaps{    
	bottom : 60px;
 	width : 110px;
	height : 20px;
	display : block;
	background-image : url(../img/lien_google.jpg);
	}
a#mail{    
	position : absolute; 
	left : 257px;	
	float : right; 
	z-index : 800;
	top : 133px;
	display : block;
	}

a#loupe:hover { 	background-image : url(../img/loupe2.jpg);  }
a#michelin:hover {	background-image : url(../img/lien_michelin2.jpg);}  
a#googleMaps:hover {	background-image : url(../img/lien_google2.jpg);}


span#equipement img {
	position : absolute;
	top : 0;
}
