/* CSS Document */
 

html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
}

body{
	height:100%;
	width:100%;
	margin:0;
	min-width:1000px;
	padding:0;
	background-image:url('images/fond_body.png');
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}

h1{
	height:50px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:20px;
	color:#FFF;
	margin-left:1.3em;
}

h3{
	margin-left:2em;
}


p{
	display:inline;
	width:60px;
}

input, textarea{
	background-color:#CCC;
	color:#333;
	border:solid 1px #FFF;
}

input#img{
	border:none;
	background:none;
}

table#contact{
	margin-left:9em;
}

ul#tarifs{
	list-style:none;
}

div#tout{
	min-height: 100%;
	width:1180px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}

div#tarifs{
	float:left;
	width:380px;
}

ul#supp{
	list-style-image:url('images/next.png');
}

ul#supp li{
	height:70px;
}

div#infos{
	clear:left;
	border:solid 1px #FFF;
	padding:1em;
}

#global {
	min-height: 100%; 
	width: 1120px;
	padding:0px;
	margin-left: auto;
	margin-right: auto;
}

#publicite{
	padding:0px;
	margin:0px;
	padding:1.5em;
	padding-top:12em;
	float:left;
	width:100px;
}

#tablePrinc{
	width: 1120px;
}

#coteGauche{
	background-repeat:repeat-y;
	width:10px;
}

#coteDroit{
	background-repeat:repeat-y;
	width:10px;
}

#banniere{
	margin-top:3em;
	margin-left:4em;
	margin-bottom:2em;
	height:116px;
	width:264px;
	background-image:url(images/banniere.png);
	background-repeat:no-repeat;
	padding:0;
	float:left;
}

div#right{
	margin-top:4em;
	margin-left:35em;
	float:left;
	height:100px;
	width:200px;
	background-image:url(images/acces_client.png);
	background-repeat:no-repeat;
	padding-left:4.5em;
	padding-top:1.8em;
}

div#right a{
	color:#FFF;
}

#menu{
	width:100%;
	padding:0;
	margin:0;
	clear:left;
	height:106px;
	background-image:url(images/fond_menu.png);
	background-repeat:no-repeat;
	background-repeat:repeat-y;
	padding-left:2em;
}

div#menu li{
	float:left;
	list-style:none;
	width:130px;
	height:40px;
	text-align:center;
	padding-top:1.5em;
	font-weight:bold;
}

div#menu li a{
	color:#FFF;
	padding:0.8em;
}

div#menu li#menu_accueil:hover a,div#menu li#menu_contact:hover a,div#menu li#menu_tarifs:hover a,div#menu li#menu_references:hover a,div#menu li#menu_cv:hover a,div#menu li#menu_devis:hover a{
	background-image:url('images/fond_menu_a.png');
}

div#fin_menu{
	float:left;
	background-image:url(images/fin_menu.png);
	height:30px;
	width:46px;
}

a{
	text-decoration:none;
	border:none;
	color:#FFF;
}

#contenu{
	background-image:url('images/fond_interieur.png');
	background-repeat:repeat-y;
	width:1135px;
	margin-left:1em;
	min-height:600px;
}

div#interieur{
	min-height:700px;
	padding:0.5em;
	float:left;
	width:770px;
}

div#menu_right{
	float:left;
	width:330px;
	border-left:solid 2px #FFF;
	height:400px;
	padding-left:1em;
	background-image:url('images/fond_transparent.png');
}

#basDePage{
	clear:left;
	height:90px;
	background-image:url('images/footer.png');
	background-repeat:no-repeat;
	padding-left:80px;
	padding-top:20px;
}

div#basDePage span{
	color:#F90;
	font-weight:bold;
	margin-left:2.3em;
}

div#accueil{
	text-align:justify;
}

div#accueil ul{
	margin-left:9em;
	border:solid 1px #FFF;
	padding:1em;
	padding-left:3em;
	padding-right:0;
	width:480px;
}

div#accueil li{
	list-style:none;
}

span#blanc{
	color:#CCC;
}

span.bold{	
	font-weight:bold;
}

div#basDePage a{
	color:#999;
	font-style:italic;
}

div#basDePage ul li{
	float:left;
	list-style:none;
	margin:0;
	margin-right:2em;
	font-weight:bold;
}

div#basDePage li a{
	color:#FFF;
}

h2#titre{
	color: #8e9ac6;
}

p#presentation1{
	background-image:url(images/rond_texte.png);
	background-repeat:no-repeat;	
	padding-left:2em;
	margin-top:1em;
	font-family:Calibri, Arial;
}

p#presentation2{
	background-image:url(images/rond2_texte.png);
	background-repeat:no-repeat;	
	padding-left:2em;
	margin-top:1em;
	font-family:Calibri, Arial;
}

p#presentation3{
	background-image:url(images/rond3_texte.png);
	background-repeat:no-repeat;	
	padding-left:2em;
	margin-top:1em;
	font-family:Calibri, Arial;
}

p#titre_presentation{
	font-size:18px;
	padding-left:2em;
	margin-top:1em;
	text-align:center;
}

span#couleur{
	font-weight:bold;
}

#champ_obligatoire{
	background-image:url(images/asterisque.png);
	background-repeat:no-repeat;
	padding-left:1em;
}

#champ_pas_obligatoire{	
	padding-left:1em;
}

div#erreur{
	color:#F00;
}

table#recapitulatif_devis{
	padding:1em;
}

td#recapitulatif_devis{
	width:9em;
	text-align:center;
}

p#tarif{
	font-weight:bold;
}

p#info{
	font-style:italic;
	font-family:Calibri, Arial;
	font-size:12px;
}

td#devis{
	width:240px;
	height:3em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
}

div#resultat_devis{
	border:solid 1px #FFF;
	padding:1em;
	text-align:center;
}

div#bouton_devis{
	margin-left:9em;
}

div#question1_accueil{
	background-image:url(images/question1_accueil.png);
	background-repeat:no-repeat;	
	height:39px;
	width:403px;
	margin-left:8em;
	margin-top:1em;
}

div#question2_accueil{
	background-image:url(images/question2_accueil.png);
	background-repeat:no-repeat;	
	height:47px;
	width:118px;
	margin-left:16em;
	margin-top:1em;
}

div#question3_accueil{
	background-image:url(images/question3_accueil.png);
	background-repeat:no-repeat;	
	height:33px;
	width:400px;
	margin-left:8em;
	margin-top:1em;
}

img{
	border:none;
}

a#deconnection{
	color:#F90;
}

div#deconnection{
	text-decoration:none;
	margin-top:3em;
}

div#image_boca{
	float:left;
	background-image:url(images/boca.png);
	background-repeat:no-repeat;
	height:88px;
	width:109px;
	margin-left:2em;
}

div#image_cdpe{
	float:left;
	background-image:url(images/cdpe.png);
	background-repeat:no-repeat;
	height:54px;
	width:120px;
	margin-left:2em;
}

div#image_cfdtAccenture{
	float:left;
	background-image:url(images/CFDT.png);
	background-repeat:no-repeat;
	height:54px;
	width:120px;
	margin-left:2em;
}

div#image_levictoria{
	float:left;
	background-image:url(images/img_levictoria.png);
	background-repeat:no-repeat;
	height:57px;
	width:124px;
	margin-left:2em;
}

div#image_abargenteuil{
	float:left;
	background-image:url(images/img_abargenteuil.png);
	background-repeat:no-repeat;
	height:55px;
	width:120px;
	margin-left:2em;
}

div#image_BB{
	float:left;
	background-image:url(images/BB.png);
	background-repeat:no-repeat;
	height:74px;
	width:123px;
	margin-left:2em;
}

div#image_club_bievre{
	float:left;
	background-image:url(images/image_club_bievre.png);
	background-repeat:no-repeat;
	height:68px;
	width:120px;
	margin-left:2em;
}

div#image_chb{
	float:left;
	background-image:url(images/image_chb.png);
	background-repeat:no-repeat;
	height:64px;
	width:120px;
	margin-left:2em;
}

div#image_gb{
	float:left;
	background-image:url(images/image_gb.png);
	background-repeat:no-repeat;
	height:64px;
	width:120px;
	margin-left:2em;
}

div#image_bstp{
	float:left;
	background-image:url(images/image_bstp.png);
	background-repeat:no-repeat;
	height:64px;
	width:120px;
	margin-left:2em;
}

div#image_cp{
	float:left;
	background-image:url(images/image_cp.png);
	background-repeat:no-repeat;
	height:65px;
	width:120px;
	margin-left:2em;
}

div#image_olv{
	float:left;
	background-image:url(images/image_olv.png);
	background-repeat:no-repeat;
	height:65px;
	width:120px;
	margin-left:2em;
}

div#image_mawbys{
	float:left;
	background-image:url(images/image_mawbys.png);
	background-repeat:no-repeat;
	height:65px;
	width:120px;
	margin-left:2em;
}

div#reference{
	margin:0;
	padding:0;
	float:left;
}

p#titre_references{
	margin-top:2em;
	margin-bottom:2em;
	font-family:Calibri, Arial;
	font-size:16px;
}

p#details_site{
	clear:left;
	font-size:12px;
	font-style:italic;
	font-family:Calibri, Arial;
}

p#details_site_devis{
	clear:left;
	font-size:11px;
	font-style:italic;
	font-family:Calibri, Arial;
}

span#couleur_ville{
	color:#F90;
}

h4{
	font-size:16px;
	margin-bottom:0;
	margin-top:3em;
	text-align:center;
}

h4#ref{
	font-size:22px;
	margin-bottom:1em;
	margin-top:0.5em;
	text-align:center;
}

h6{
	text-align:center;
	margin:0;
	font-size:14px;
	font-weight:100;
	font-style:italic;
}

p#texte{
	font-family:Calibri, Arial;
}

div#question1_tarifs{
	background-image:url(images/question1_tarifs.png);
	background-repeat:no-repeat;
	height:31px;
	width:350px;
	margin-left:8em;
	margin-top:2em;
	margin-bottom:2em;
}

div#sites_en_cours{
	margin-top:2em;
	margin-bottom:2em;
}

table#connection_projet{
	margin-top:2em;
	margin-left:15em;
}

div#connection_client{
	border:solid 1px #FFF;
	margin-top:1em;
}

table#devis{
	margin-left:1em;
	border:solid 1px #FFF;
	background-color:#999;
	padding:0.5em;
	padding-left:4em;
}

div#coordonnees{
	border:solid 1px #FFF;
	background-color:#CCC;
	width:350px;
	padding:1em;
	padding-right:0px;
	margin-bottom:1em;
	margin-left:6em;
	padding-left:3em;
}

td#haut_gauche_devis{
	
}

td#haut_milieu_devis{
	
}

td#haut_droite_devis{
	
}

td#bas_gauche_devis{
	
}

td#bas_milieu_devis{
	
}

td#bas_droite_devis{
	
}

td#contenu_devis{
	
}

div#demande{
	background-image:url(images/asterisque.png);
	background-repeat:no-repeat;
}

label#demande{
	padding:1em;
}

div#aff_tarif{
	text-align:center;
	color:#00F;
	font-family:Calibri, Arial;
}

td#description_projet{
	font-family:Calibri, Arial;
	width:30em;
}

td#lien_projet{
	width:10em;
}

td#non_lu{
	font-weight:bold;
}

table#projet_realisation{
	margin-top:5em;
	margin-left:3em;
	margin-bottom:1em;
}
p#bienvenue{
	font-family:Calibri, Arial;
	color:#F90;
	font-size:17px;
}

div#annuaire{
	padding-top:12em;
}

div#image_william{
	float:left;
	background-repeat:no-repeat;
	height:54px;
	width:120px;
	margin-left:2em;
	background-image:url(images/image_william.png);
}

/*----------REFERENCES---------------------*/

div#references{
	text-align:center;
	margin-left:5em;	
}

/*-----------------------------------------*/

/**********DERNIERE REFERENCES*************/

#slider {
	/* You MUST specify the width and height */
	width:300px;
	height:186px;
	position:relative;	
	overflow:hidden;
}

#mask-gallery {
	
	overflow:hidden;	
}

#gallery {
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	
	/* width = total items multiply with #mask gallery width */
	width:900px;
	overflow:hidden;
}

	#gallery li {

		
		/* float left, so that the items are arrangged horizontally */
		float:left;
	}


#mask-excerpt {
	
	/* Set the position */
	position:absolute;	
	top:0;
	left:0;
	z-index:500px;
	
	/* width should be lesser than #slider width */
	width:100px;
	overflow:hidden;	
	

}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=60);
	-moz-opacity:0.6;  
	-khtml-opacity: 0.6;
	opacity: 0.6;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	
	/* Set the style */
	width:100px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:10px;
	color:#fff;	
}

	#excerpt li {
		padding:5px;
	}
	


.clear {
	clear:both;	
}
/******************************************/