@charset "utf-8";

* { margin: 0; padding: 0; border: none; }

body {
	background-color: #E6E7B2;
	color: #000;
}

a { color: #910B65; text-decoration: none; }
a:hover { color: #000 ; }
a:visited { color: #910B65; }

div#conteneur {
	width: 955px;
	margin: 20px auto 0px auto;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	/*background-image: url(images/background-conteneur.gif) top left no-repeat;*/
}

/*********************************************************
*	PAGE D'ACCEUIL
*
********************************************************/
#conteneurAccueil {
	width: 739px;
	margin: 20px auto 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#entete {
	width:739px; height: 180px;
	background: url(images/headerAccueil.gif) -3px top no-repeat;
}

#backMenuGaucheTop {
	background: url(images/backGaucheMenu.gif) right top no-repeat;
	background-color: #F5F5DB;
}

#bienvenue {
	width: 173px; height: 173px;
	background: url(images/bienvenue.gif) right top no-repeat;
	vertical-align: top;
	font-size:11px;
}

#bienvenueBas {
	background-color: #910B65;
	height: 18px;
}

#bienvenue ul {
	color: #fff;
	margin: 55px 5px 0 20px;
	list-style-image: url(images/puce_blanche.gif);
	font-size: 12px;
}

#bienvenue ul li { margin-bottom: 8px; }


#footerBienvenue {
	background: url(images/footerColGaucheAccueil.jpg) 0 224px  no-repeat;
	_height: 447px;
	min-height: 447px;
}

#footerBienvenue p {
	margin-top: 2px;
	font-size: 11px;
}

#footerAcceuil p {
	margin-top: 5px;
	font-size: 11px;
}

#footerAcceuil a {
	color: #999;
}

#footerBienvenue a { color: #999; }

#contenuAccueil {
	height: 447px; /*434*/
	background: url(images/backAccueil.gif) left top no-repeat;
	vertical-align: top;
	font-size: 12px;
	line-height: 16px;
	
}

#flashAccueil {
	float: right;
	width: 273px; height: 75px;
}


#texte {
	clear: both;
	width: 577px; 
	min-height: 326px; /*326 */ 
	_height: 326px;
	margin: 10px 0 0 29px;
	/*width: 560px; padding: 5px 0 5px 40px;*/
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background: url(images/backTexte.gif) 0px -9px no-repeat;
	background-color: #ECECA4;
}

#texte span.important {
	color: #C0385E;
}

#texte p {
	margin: 10px 5px;
}

#texte ul {
	margin: 10px 20px;
	list-style-image: url(images/puce_roseGIE2.gif);
	text-align: justify;
}


html>body #texte ul {
	list-style-image: url(images/puce_roseG.gif);
}

#texte ul ul li{
	margin: 0 0 10px 17px;
	list-style-image: url(images/puce_roseIE2.gif);
	line-height:12px;
	
}
html>body #texte ul ul li { 
	margin: 0 0 10px 14px; 
	list-style-image: url(images/puce_rose.gif);
		border: none;
}


#footerAcceuil {
	width:940px; height: 41px;
	/*background: url(images/footerAccueil.gif) left top no-repeat;*/
	background-color: #F5F5DB;
	vertical-align: top;
}

#contact {
	color:#fff;
	position: relative;
	float: right;
	background-color: #C0385E;
	width: 58px; height: 18px;
	line-height: 18px;
	text-align:center;
	margin: -18px 2px 0 0;
	font-size: 11px;
}

/*html>body #contact {
	margin-right: 1px;
}*/

#contact a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

/*
*	HEADER
*
*/
div#header {
	width: 955px; height: 173px;
	background-color: #910B65;
}
	div#header img#logo {
		float: left;
	}
	
	div#menu {
		float: left;
		width : 509px; height: 36px;
		margin-top: 99px;
	}
		
		div#menu div#level1, div#menu div#level2 {
			background-color: #666666;
			height: 18px;
			line-height: 18px;
			font-weight: bold;
			font-size: 13px;
		}
		
		div#menu div#level2 {
			background-color: #C3C537;
			font-weight: normal;
		}
		
		div#menu div#level1 a {
			display: block;
			float: left;
			color: #fff;
		}


		
		div#menu div#level1 a#mnuGinger.active {
			background-color: #C3C537;
		}
		div#menu div#level1 a#mnuMetier.active {
			background-color: #910B65;
		}
		div#menu div#level1 a#mnuExpertise.active {
			background-color: #C0385E;
		}
		
		div#ssmenu1 a, 	div#ssmenu2 a, div#ssmenu3 a {
		
		}	
		/* ginger */
		div#ssmenu1 { background-color: #C3C537; display: none; height:18px; line-height: 18px;}
		div#ssmenu1 a.active {font-weight: bold; color: #fff !important; } 
		div#ssmenu1 a { font-weight: normal; color: #fff; text-decoration: none; }
		div#ssmenu1 a:hover 	{ color: #fff !important; text-decoration: none; }
		div#ssmenu1 a:visited   { color: #fff; text-decoration: none; }
		
		/* metier */
		div#ssmenu2 { background-color: #910B65; display: none; height:18px; line-height: 18px; } 
		div#ssmenu2 a.active {font-weight: bold; color: #fff !important; } 
		div#ssmenu2 a { font-weight: normal; color: #fff; text-decoration: none; }
		div#ssmenu2 a:hover 	{ color: #fff; text-decoration: none; }
		div#ssmenu2 a:visited   { color: #fff; text-decoration: none; }
		
		/* expertise */
		div#ssmenu3 { background-color: #C0385E; display: none; height:18px; line-height: 18px;}
		div#ssmenu3 a.active {font-weight: bold; color: #fff !important; } 
		div#ssmenu3 a { font-weight: normal; color: #fff; text-decoration: none; }
		div#ssmenu3 a:hover 	{ color: #fff; text-decoration: none; }
		div#ssmenu3 a:visited   { color: #fff; text-decoration: none; }
		
		
	div#header div#flash {
		float: left;
		width: 273px; height: 75px; /*273*/
		margin-top: 60px;
		background-color: #fff;
	}
	
	
	div#header div#bandeau {
		float: left;
		/*margin-top: 135px;*/
		background-image: url(images/header_bandeau.gif);
		width: 782px; height: 38px; /*782*/
		background-color:#CC66CC;
	}


/*
*	CONTENU
*/
div#corps {
	background-color: #FF9933;
	width: 955px;
}

#contenu {
	width: 782px;
	margin: 0 0 0 173px;
	background-color: #fff;
	background-image: url(images/back_contenu.gif);	background-position: bottom right;	background-repeat: no-repeat;
	vertical-align: top;
	padding: 14px 14px 5px 14px;
	text-align: justify;
}

	#content {
		width: 600px;
		text-align: justify;
		line-height: 16px;
		font-size: 12px;
	}

	#content_equipe {
		width: 700px;
		text-align: justify;
		line-height: 16px;
		font-size: 12px;
	}
	
	#contenu h2 {
		color: #C3C537;
		margin: 33px 0 15px 0;
		font-style: italic; 
		font-size: 23px;
	}
	
	#contenu h3 {
		font-size: 14px;
		color: #C3C537;
		margin: 30px 0  15px 20px;
	}
	
	.fckTitre1{
		font-weight:bold;
		font-size: 14px;
		color: #C3C537;
		margin: 30px 0  15px 0px;
	}
	
	.fckNormal{
		font-weight:normal;
		font-size: 12px;
		color: #000;
	}
	
	#contenu .lienExemple {
		background: url(images/fleche_rose_anime.gif) left -4px no-repeat;
		text-indent: 18px;
	}
	
	#contenu h3.first {
		margin-top: 35px;
	}
	
	#contenu p {
		margin: 15px 0 15px 20px;
	}
	
	#contenu ul {
		margin: 10px 40px;
		list-style-image: url(images/puce_verteGIE.gif);
	}
	html>body #contenu ul {
		list-style-image: url(images/puce_verteG.gif);
	}
	
	#contenu ul ul {
		margin: 10px 17px;
		list-style-image: url(images/puce_verteIE.gif);
	}
	html>body #contenu ul ul {
		list-style-image: url(images/puce_verte.gif);
	}
	
	#contenu ol {
		margin: 10px 40px;
	}
	
	#contenu li {
		margin-top: 6px;
		vertical-align: top;
		
	}
	
	#contenu hr {
		visibility: hidden;
	}
	
	#contenu dl {
		margin-left: 20px;
	}
	
	#contenu dt {
		color: #000;
		font-weight: bold;
		margin-top: 10px;
	}
	
	#contenu dd {
		margin-left: 16px;
	}
	
	#contenu div.liste {
		float: left;
		width: 180px;
		margin: 0 5px;
		text-align: left;
		border: 1px solid #fff;
	}
	
		#contenu div.liste a {
			display: block;
			background: url(images/fleche_violette.gif) left 3px no-repeat;
			padding-left: 15px;
			height: 50px;
		}
		
		#contenu div.liste a:hover {
			color: #910B65;
		}
		
		#contenu div.liste p {
			font-weight: bold;
		}

	#contenu div.lienSuivant {
		clear: both;
		float: right;
		margin-top: 40px;
		/*margin-right: 180px;*/
	}
/*
*	Colonne de gauche
*/	
#colGauche {
	width: 173px;
	background-color:#C3C537;
	vertical-align: top;
	color: #fff;	
}
	
	#colGauche div#teteColGauche {
		width: 173px; height: 18px;
		background-color: #C0385E;
	}

#colGauche img.ginger {
	margin-top: 20px;
}

#colGauche img.metier {
	margin-top: 2px;
}

#colGauche ul {
	list-style-image: url(images/puce_blanche.gif);
	margin: 10px 0 15px 20px;
}

#colGauche blockquote{
	width: 150px;
	margin: 20px auto 10px auto;
	font-style: italic;
	line-height: 18px;
}
#colGauche span.proverbe {
	display: block;
	text-align: right;
	margin-right: 5px;
}

#BottomColGauche {
	float:left;
	margin-top: -18px;
	background-color: #666666;
	vertical-align: bottom;
	width:173px;
	height:18px;
}


/*
*	Formulaire
*
*/
label {
	display: block;
	float: left;
	width: 165px;
	text-align:right;
	margin-top: 10px;
	margin-right: 10px;
}

label span {
	color:#C0385E;
}

input, select, textarea {
	border: 1px solid #000;
	margin-top: 10px;
	font-size: 11px;
	padding: 2px 2px;
}

input:focus, select:focus, textarea:focus {
	background-color: #F4FFBF;
}

select { padding: 0; }
select.civilite {
	width: 50px;
}

.radio {
	border: none;
	float: left;
	margin-right: 5px;
}

label.rd {
	display: block;
	width: auto;
	float: left;
	margin-left: 0;
	margin-right: 5px;
	
} 


.equipe {
	display: block;
	float: left;
	width: 205px;
	text-align: left;
	margin-top: 0px;
}

.equipe dt a, .equipe dd a{
	color: #000 !important;
	/*font-size:10px;*/
	
	
}
.equipe dt {
	color: #910B65;
	font-weight: bold;
	/*line-height:12px;*/
}

.equipe dt img {
	border: 1px solid #fff;
}

dl.equipe  { margin-left:10px !important; }

.equipe dd {
	font-weight: normal;
	margin-left:0 !important;
	/*line-height:12px;*/
	
}

div#cv0 {
	float: left;
	width: 420px;
	margin-right: 0;
	margin-top: 10px;
	font-size: 12px;
}

div#cv {
	margin-top: 5px;
	width: 550px; height:70px;
	padding: 5px;
	font-size: 12px;
	margin-left: 15px;
}
html>body div#cv{
	margin-left: 8px;
}
div#cv1 {
	float:left; margin-top: 20px; margin-left: 8px; margin-bottom: 10px;
	width: 580px; height: 200px; 
	overflow: auto; padding: 5px;
	font-size: 12px;
}
div#cv1 .cvtitre {
	font-weight: bold;
	color: #C3C537;
	font-size: 13px;
}


div#cv1 dl { margin: 0; }
div#cv1 dd { margin: 0; }
/*div#cv1 p { margin-left: 10px; }*/
div#cv1 dt {
	/*color: #C3C537;*/
	color: #000;
	font-weight: normal;
}

/*
*	PIED DE PAGE
*/
div#footer {
	background-color: #E6E7B2;
	text-align: right;
	height: 50px;
}

div#footer img.agoranet {
	float: left;
	background-color:#E6E7B2;
}

	
.gras {
	font-weight: bold;
}

.grasGris {
	color: #666;
	font-weight: bold;
}	

.important {
	font-weight: bold;
	font-size: 13px;
}


#contenu .lienExempleG {
	display: block; float: left;
	background: url(images/fleche_rose_animeG.gif) left -4px no-repeat;
	text-indent: 18px;
	cursor: pointer;
	cursor: hand;
}

#contenu .lienExempleG a {
	color: #C0385E;
}

li.margeBottom {
	margin-bottom: 20px;
}

#offre .lienRetourG{

	display: block; float: left; 
	text-indent: 18px;
	font-size: 12px;
	background: url(images/fleche_rose_animeG.gif) left -4px no-repeat;}
}