@charset "UTF-8";
/* CSS Document */

body{
/* pour Chris : j'ai mis dessous la déclaration sur font-family dans body. Ca touche ainsi toutes les pages du site */
/* j'ai du coup supprimé toutes les occurences ailleurs : ca allège la CSS et la rend plus lisible */
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #990033;
	font-size: 9pt;
	font-weight:normal ;
	color: #fff;
	margin : 0;
	padding : 0;
}

a {
	color: #4a0000;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

a:hover {	
	color: #fff;
}
/*** 		headlines		 ***/
h1{
	color: #4a0000;
	font-size: 9pt;
	font-weight: normal ;
	line-height: 9pt;
	margin-left: 20px;
}
h1#marque {text-indent:-5000px;}
h2{
	color: #000;
	font-size: 7pt;
	font-weight: normal;
	font-style: italic;
	line-height: 0pt;
	margin-left: 20px;
}
#principe h2 {
	margin:0;
	padding:20px 0 15px 20px;

	color: #000;
	font-size: 14px;
	font-weight: normal;
}
h3{
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	margin-left: 20px;
}
h4{
	color: #FE81B0;
	font-size: 9pt;
	font-weight: normal ;
	line-height: 9pt;
	margin-left: 20px;
}
h5{
	color: #fff;
	font-size: 11pt;
	font-weight: bold;
	line-height: 16pt;
	margin-left: 20px;
}

h6{
	color: #4a0000;
	font-size: 8pt;
	font-style: normal;
	line-height: 0pt;
	margin-left: 20px;
}
/*** 		Fin headlines		 ***/

p{
	color: #000;
	font-size: 9pt;
	font-weight: normal;
	margin: 0 10px 0 20px;
	line-height: 11px;
}

.voir{
	margin-left: 480px;
}

.encours{
	color: #ffffff;
	font-weight: bold;
}
.sousmenuG{
	background: #cc0066;
}

.sousmenuT{
	background: #ccff00;
}

ul#projetT{
	padding-top: 7px;
	list-style-type: none;
}

.sousmenuD{
	background: #fe81b0;
}

ul#projetD{
	border-top: 27px solid #fe81b0;
	list-style-type: none;
}
.sousmenuW{
	background: #ecd100;
}

ul#projetW{
	list-style-type: none;
}


.sousmenuR{
	background: #ff6600;
}

.sousmenuA{
	background: #821f51;
}

.marge{
	border-top: 10px solid #ecd100;
	color: #000;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 11pt;
}

ul#calendrier {
	padding-top: 7px;
	list-style-type: none;
}
#projetW ul#calendrier li {height: 13px;line-height: 13px;}
#projetW ul#calendrier li a {line-height: 13px;}

.violet{
	color: #472f92;
	margin-left: 40px;
	font-size: 8pt;
	font-weight: normal;
	line-height: 9pt;
}

ul#projetA {
	border-top: 27px solid #821f51;
	list-style-type: none;
}
#projetA li a{ 
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 27px;
}
#projetA li a:hover{ 
	color: #4a0000;
}
a.retourA{
	color: #ffffff;
}
a:hover.retourA{
	color: #4a0000;
}

p.blanc{
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 12pt;

}
p.blancP{
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 10pt;

}
p.atelier{
	color: #000000;
	margin-left: 40px;
	font-size: 8pt;
	font-style: italic;
	line-height: 0pt;
}

p.formule{
	color: #000;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 11pt;
}

p#signature {text-align: right; padding: 15px 10px 0 0;}

/*----		ajout Pierre		---*/
#projet p.intro_menu, #projetW p.intro_menu{
	color: #000;
	font-style: normal;
	padding: 20px 10px 0 0;
	line-height: 11pt;
}
/*----		FIN ajout Pierre		---*/

p.workshop{
	color: #000;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 11pt;
}

#container{
	background : #cc0066;
	margin: 0 auto;
	padding : 0;
	position : relative; 
	border-top: 30px solid #990033;
	width : 800px;
}

#simone {
	clear: both;
	background: #cc0066;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 438px;
}
/*--- barre de menu ---*/
/* modif pierre : factorisation de certains éléments de la barre de nav */
#traiteur, #design, #work, #alan, #ref, #contact {
	float: left;
	margin: 0;
	padding: 0;
	height: 27px;	
}

#traiteur a, #design a, #work  a, #alan a, #ref a, #contact a {
	margin-left: 20px;
	line-height: 27px;
}
/* fin modif pierre*/

#traiteur {
	width: 134px;
	background: #ccff00;
}

#design {
	width: 134px;
	background: #fe81b0;
}

#work {
	width: 132px;
	background: #ecd100;
}

#alan {
	width: 134px;
	background: #821f51;
}

#ref {
	width: 134px;
	background: #ff6600;
}

#contact {
	width: 132px;
	background: #3399cc;
}
/*--- FIN barre de menu ---*/
span.retour {margin-left: 20px; font-weight: bold; line-height: 27px;}

#principe {
	clear: both;
	background: #cc0066;
	border-top: 10px solid #cc0066;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 438px;
}

#principe p{
	color: #fff;
	font-size: 9pt;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 11pt;
}

#principeL {
	position: absolute;
	top: 0px;
	left: 465px;
	margin: 0;
	paddin: 0;
	background: #cc0066;
	border-top: 30px solid #cc0066;
	width: 335px;
	height: 435px;
}

#principeL p{
	color: #fff;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 16pt;
}


#principeW {
	clear: both;
	background: #ecd100;
	border-top: 10px solid #ffcc00;
	margin: 0;
	paddin: 0;
	width: 320px;
	height: 438px;
}

#principeW p{
	color: #000;
	font-size: 9pt;
	font-style: italic;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 12pt;
}

#projet {
	clear: both;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 438px;
}
#projet p{
	font-style: italic;
	color:#fff;
}


#projet li{
	display: block;
	height: 25px;
}

#projet a{
	margin:0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
	line-height: 8pt;
	text-align: left;
	color:#000;
}

#projet a:hover{
	color: #fff;
}

#projetW {
	clear: both;
	margin: 0;
	paddin: 0;
	width: 400px;
	height: 438px;
}

#projetW li{
	display: block;
	height: 25px;
	line-height: 25px;
}


#projetW a{
	margin:0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color:#000000;
}

#projetW a:hover{
	color: #ffffff;
}

#reference {
	clear: both;
	background-color: #ff6600;
	margin: 0;
	paddin: 0;
	width: 200px;
	height: 438px;
}

#reference ul{
	border-top: 27px solid #ff6600;
	list-style-type: none;
}


#reference li{
	display: block;
	height: 25px;
	line-height: 25px;
}


#reference a {
	margin:0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color:#000000;
}

#reference a:hover{
	color: #ffffff;
}

#perry {
	clear: both;
	background-color: #821f51;
	margin: 0;
	paddin: 0;
	width: 400px;
	height: 438px;
}

#perry ul{
	border-top: 27px solid #821f51;
	list-style-type: none;
}


#reference li{
	display: block;
	height: 25px;
	line-height: 25px;
}


#perry a {
	margin:0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color:#fff;
}

#perry a:hover{
	color: #FE81B0;
}

#fiche{
	clear: both;
	margin: 0;
	paddin: 0;
	width: 400px;
	height: 438px;
}

#ficheG{
	clear: both;
	margin : 0;
	paddin: 0;
	width: 400px;
	height: 75px;
}

#carte {
	position: absolute;
	bottom: 0px;
	background: #ffcccc;
	margin: 0;
	paddin: 0;
	width: 400px;
	height: 28px;
}

#carteG {
	background: #ffcccc;
	position: absolute;
	top: 75px;
	left: 0px;
	margin : 0;
	paddin: 0;
	width: 400px;
	height: 390px;
}

#carteG h1{
	color: #4a0000;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 8pt;
}
#carteG h2{
	color: #4a0000;
	font-size: 8pt;
	font-style: italic;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 8pt;
}
#carteG p{
	color: #4a0000;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 11pt;

} 

#photo {
	position: absolute;
	top: 27px;
	left: 400px;
	margin : 0;
	paddin: 0;
	width: 400px;
	height: 438px;
}

#photoG {
	position: absolute;
	left: 400px;
	top: 27px;
	margin : 0;
	paddin: 0;
	width: 400px;
	height: 437px;
}

 #diapoG {
	position: absolute;
	top: 27px;
	left: 320px;
	margin : 0;
	paddin: 0;
	width: 480px;
	height: 438px;
}

 #diapoL {
	position: absolute;
	top: 0px;
	left: 0px;
	margin : 0;
	paddin: 0;
	width: 465px;
	height: 465px;
}


#client1 {
	position: absolute;
	background-color: #ff6600;
	border-top: 50px solid #ff6600;
	top: 27px;
	left: 200px;
	margin : 0;
	paddin: 0;
	width: 200px;
	height: 388px;
}

#client1 p{
	color: #fff;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 18pt;
}

#client2 {
	position: absolute;
	background-color: #ff6600;
	border-top: 50px solid #ff6600;
	top: 27px;
	left: 400px;
	margin : 0;
	paddin: 0;
	width: 200px;
	height: 388px;
}

#client2 p{
	color: #fff;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 18pt;
}

#client3 {
	position: absolute;
	background-color: #ff6600;
	border-top: 50px solid #ff6600;
	top: 27px;
	left: 600px;
	margin : 0;
	paddin: 0;
	width: 200px;
	height: 388px;
}

#client3 p{
	color: #fff;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 18pt;
}

/*---- page CONTACT ----*/
/* modif Pierre : factorisation des ID de contact */
/* modif Pierre : passage des blocs Contact 1,2 et 3 en float, car probleme de rendu sous IE6 */

#contact1, #contact2, #contact3 {
	float:left;
	margin : 0;
	padding-top: 50px;
	height: 388px;
	background-color: #3399CC;
}

#contact1 {width: 300px;}
#contact2, #contact3 {width: 250px;}

#contact1 p, #contact2 p, #contact3 p {
	color: #fff;
	font-size: 9pt;
	font-weight: normal;
	margin-left: 20px;
	margin-right: 10px;
	line-height: 12pt;
}

#contact1 a, #contact2 a, #contact3 a{
	color: #4a0000;
	font-size: 9pt;
	font-weight: normal;
	text-align: left;
	margin-left: 0px;
}

#contact1 a:hover, #contact2 a:hover, #contact3 a:hover {color: #fff;}

/*---- FIN page CONTACT ----*/

#descriptif{
	position: absolute;
	top: 465px;	
	background-color: #cc0066;
	width: 790px;
	height: 27px;
	border-left: 10px solid #cc0066;
}

#descriptif p{
	color: #990033;
	font-size: 7pt;
	font-weight: lighter;
}

#logohome{
	position: absolute;
	top: 492px;	
	background: url(AP-logo.png) no-repeat center;
	background-color: #cc0066;
	width: 125px;
	height: 27px;
	border-left: 25px solid #cc0066;
}

#footerhome{
	position: absolute;
	top: 492px;
	left:150px;	
	width: 630px;
	height: 20px;
	background: #cc0066;
	border-left: 20px solid #cc0066;
	border-bottom: 7px solid #cc0066;
	font-size: 9pt;
	font-weight:normal ;
	color: #ffffff;
}
#logo{
	position: absolute;
	top: 465px;
	left: 20px;
	background: url(AP-logo.jpg) no-repeat center;
	background-color: #cc0066;
	width: 121px;
	height: 27px;
	z-index: 100;
}
/*----		ajout Pierre		---*/
#logo a {
	display: block;
	width: 125px;
	height: 27px;
}
/*----	FIN ajout Pierre		---*/	

#footer{
	position: absolute;
	top: 465px;
	left: 0;	
	width: 650px;
	padding-left: 150px;
	height: 27px;
	background: #cc0066;
	font-size: 9pt;
	font-weight:normal ;	
	color: #fff;
}

#footer_contact{
	clear: both;
	width: 650px;
	padding-left: 150px;
	height: 27px;
	background: #cc0066;
	font-size: 9pt;
	font-weight:normal ;	
	color: #fff;
}

#footer a, #footer_contact a {line-height: 27px; margin-left:20px;}
#footer a.langue, #footer_contact a.langue {margin-left: 60px;}