@CHARSET "UTF-8";
body {
	text-align: center; /* for IE6 */
	background-color: #E8E8E8;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #4c4c4c;
	padding-bottom: 30px;
}

div#container {
	width: 955px;
	margin: 20px auto;
	text-align: left; /* for IE 6 */
}


/***********
** HEADER **
/**********/
div#headerAccueil {
	padding: 20px 0 0 23px;
	/*height: 118px;*/
	height: 128px;
	/*background: #E8E8E8 url(../images/bkHeaderAccueil.png) top left no-repeat;*/
	background: #E8E8E8 url(../images/bkHeaderAccueil.png) bottom left no-repeat;
}

div#header {
	padding: 10px 0 0 23px;
	/*height: 104px;*/
	height: 124px;
	/*background: #E8E8E8 url(../images/bkHeader.png) top left no-repeat;*/
	background: #E8E8E8 url(../images/bkHeader.png) bottom left no-repeat;
}


/***********
** FOOTER **
***********/
div#footerAccueil {
	background: #E8E8E8 url(../images/bkFooterAccueil.png) top left no-repeat;
	height: 42px;
}

div#footer {
	background: #E8E8E8 url(../images/bkFooter.png) top left no-repeat;
	height: 42px;
	font-size: 10px;
}

	/** Styles des liens dans le footer **/
	div#footer a, div#footerAccueil a { color: #757474;	text-decoration: none; }
	div#footer a:hover, div#footerAccueil a:hover { text-decoration: underline; }
	div#footer a:active, div#footerAccueil a:active { color: #757474; }
	div#footer a:visited, div#footerAccueil a:visited { color: #757474;}
	
	
	/** Liste des Logos **/
	div#footer ul.logo, div#footerAccueil ul.logo {
		list-style-type: none;
		height: 26px;
		text-align: right;
		padding-top: 14px;
	}
		div#footer ul.logo li, div#footerAccueil ul.logo li {
			float: right;
			margin-right: 13px;
		}
		
		div#footer ul.logo li.first, div#footerAccueil ul.logo li.first {
			margin-right: 0;	
		}
	/** Fin liste logos **/
	
	
	/** Liste des liens **/
	div#footer ul.lien, div#footerAccueil ul.lien {
		list-style-type: none;
		/*padding-top: 5px;*/
		padding:5px 0 0 30px;
	}
		div#footer ul.lien li, div#footerAccueil ul.lien li {
			/*border-left: 1px solid #949393;*/
			/*padding: 0 10px 0 10px;*/
			padding: 0 20px 0 10px;
			float: left;
		}
		
		div#footer ul.lien li.first, div#footerAccueil ul.lien li{
			border-left: none;
			padding-left: 0px;
		}
	/** Fin liste liens **/
	
	
/** Edito Acceuil **/
div#editoAccueil {
	height: 165px;
	background: #E8E8E8 url(../images/bkEditoAccueil.png) top left no-repeat;
	font-size: 13px;
}

	div#editoAccueil p {
		width: 440px;
		padding: 65px 0 0 65px;
		color: #fff;
	}
/** Fin Edito Accueil **/


/*********************/
/** CONTENU ACCUEIL **/
/*********************/
div#contentAccueil {
	background: #fff url(../images/bkContentAccueil.png) 502px 0 no-repeat;
	padding-left: 27px;
}

	/** Colonne de gauche **/
	div#contentAccueil #colGauche {
		width: 253px;
		float: left;
	}
	
		div#contentAccueil #colGauche img {
			margin-bottom: 7px;
		}
	/** Fin colonne de gauche **/
	
	
	/** Bloc QuestionJourAccueil **/
	div#blocQuestionJourAccueil {
		padding-bottom: 20px;
		background: transparent url(../images/blocQuestionJourBottom.png) bottom left no-repeat;
		font-size: 11px;
		margin-bottom: 10px;
	}
	
	div#blocQuestionJourAccueil .blocTop {
		height: 84px;
		background: transparent url(../images/blocQuestionJourTop.png) top left no-repeat;
	}
	
	div#blocQuestionJourAccueil .blocContent {
		padding: 0 12px;
		background: transparent url(../images/blocQuestionJourBack.png) top left repeat-y;

		color: #ea690b;
		font-weight: bold;
		font-size: 12px;
		font-style: italic;
		padding: 5px 20px;
	}
	/** Fin bloc QuestionJourAccueil **/
	
	
	/** Menu Accueil **/
	div#contentAccueil ul {	
		display: block;
		width: 175px;
		margin-left: 272px;
		list-style-type: none;
	}

		div#contentAccueil ul li { margin-bottom: 15px; }
		
		div#contentAccueil ul li a{	
			display: block;
			height: 19px;
			text-decoration: none;
		}
		
		div#contentAccueil ul li a.mnuAccueil { background: transparent url(../images/menu/mnuAccueilAccueil.png) top left no-repeat; }
		div#contentAccueil ul li a.mnuPresentation { background: transparent url(../images/menu/mnuAccueilPresentation.png) top left no-repeat; }
		div#contentAccueil ul li a.mnuDemarcheSri { background: transparent url(../images/menu/mnuAccueilDemarcheSri.png) top left no-repeat; }
		div#contentAccueil ul li a.mnuDocumentation { background: transparent url(../images/menu/mnuAccueilDocumentation.png) top left no-repeat; }
		div#contentAccueil ul li a.mnuEspaceExpression { background: transparent url(../images/menu/mnuAccueilEspaceExpression.png) top left no-repeat; }
		
		div#contentAccueil ul li a:hover{
			background-position: 0px -19px;
			background-repeat: no-repeat;
		}
		
			div#contentAccueil ul li a span { visibility: hidden; }
	/** Fin Menu Accueil **/

	
/*************************/
/** FIN CONTENU ACCUEIL **/
/*************************/

/*****************************/
/** CONTENU GENERIQUE *********/
/*****************************/
div#contentBack {
	background: #fff url(../images/bkContentBack.png) top right no-repeat;
}

div#content {
	background: transparent url(../images/bkContent.png) bottom left no-repeat;
	padding-top: 28px;
}

/**********************
 * COLONNE GAUCHE
 *********************/
	div#content div#colGauche {
		width: 228px;
		float: left;
	}
		
		/** Menu de gauche **/
		div#content div#colGauche ul#menu {
			list-style-type: none;
			width: 174px;
			margin-bottom: 28px;
		}
		
			div#content div#colGauche ul#menu li { margin-bottom: 2px; }
			
			/** Definition des images des menus **/
			div#content div#colGauche ul#menu li a.mnuAccueil 		{ background-image: url(../images/menu/mnuAccueil.png);	}
			div#content div#colGauche ul#menu li a.mnuPresentation 		{ background-image: url(../images/menu/mnuPresentation.png);	}
			div#content div#colGauche ul#menu li a.mnuDemarcheSRI 		{ background-image: url(../images/menu/mnuDemarcheSri.png);	}
			div#content div#colGauche ul#menu li a.mnuDocumentation 	{ background-image: url(../images/menu/mnuDocumentation.png);	}
			div#content div#colGauche ul#menu li a.mnuEspaceExpression 	{ background-image: url(../images/menu/mnuEspaceExpression.png); 	}
			
			
			/** Changement de la zone sélectionnée **/
			div#content div#colGauche ul#menu li a {	
				display: block;
				background-position: 0 -28px;
				background-repeat: no-repeat;
				text-decoration: none;
				height: 21px;
			}
			
			div#content div#colGauche ul#menu li a.active {
				background-position: top left;
				height: 28px;
			}
				div#content div#colGauche ul#menu li a.active:hover {
					background-position: top left;
					
					height: 28px;
				}
							
			/** Roll des menus **/
			div#content div#colGauche ul#menu li a:hover {
				background-position: 0 -49px;
				background-repeat: no-repeat;
			}
		
			div#content div#colGauche ul#menu li a span { visibility: hidden; }
			
		/** Sous Menu **/
		div#content div#colGauche ul#menu ul { list-style-type: none; margin-top: 2px; }
		div#content div#colGauche ul#menu ul li { margin: 0; }
		
		/** Definition des images des sous menus **/
		div#content div#colGauche ul#menu ul li a.ssMnuEtatLieux 		{ background-image: url(../images/menu/ssMnuEtatDesLieux.png);	}
		div#content div#colGauche ul#menu ul li a.ssMnuAteliers 		{ background-image: url(../images/menu/ssMnuAteliers.png);	}
		div#content div#colGauche ul#menu ul li a.ssMnuPresentationSri	{ background-image: url(../images/menu/ssMnuPresentationSri.png);	}
		
		div#content div#colGauche ul#menu ul li a {	
				display: block;
				background-position: 0 -26px;
				background-repeat: no-repeat;
				text-decoration: none;
				height: 26px;
			}
			
			div#content div#colGauche ul#menu li ul a.active {
				background-position: top left;
				height: 26px;
			}
				div#content div#colGauche ul#menu ul li a.active:hover {
					background-position: top left;
					
					height: 26px;
				}
							
			/** Roll des menus **/
			div#content div#colGauche ul#menu ul li a:hover {
				background-position: 0 -52px;
				background-repeat: no-repeat;
			}
		
			div#content div#colGauche ul#menu ul li a span { visibility: hidden; }
		
		/** Fin menu gauche **/
		
		
		/** Bloc Question du jour **/
		div#content div#colGauche div#blocQuestionJour {
			width: 166px;
			padding-bottom: 21px;
			margin-bottom: 10px;
			margin-left: 12px;
			background: transparent url(../images/blocQuestionJourBottom-2.png) bottom left no-repeat;
		}
		
		div#content div#colGauche div#blocQuestionJour .blocTop{
			height: 105px;
			background: transparent url(../images/blocQuestionJourTop-2.png) top left no-repeat;
		}
		
		div#content div#colGauche div#blocQuestionJour .blocContent{
			background: transparent url(../images/blocQuestionJourBack-2.png) top left repeat-y;
			padding: 5px 14px;
			color: #ea690b;
			font-weight: bold;
			font-size: 12px;
			font-style: italic;
		}
		/*div#content div#colGauche div#blocQuestion {
			height: 204px;
			width: 141px;
			margin-left: 12px;
			margin-bottom: 15px;
			text-align: center;
			background: transparent url(../images/blocQuestionJour-2-bottom.png) bottom left no-repeat;
			
		}
		*/
		div.button,
		div#content div#colGauche div#blocQuestionJour div.button {
			margin: 15px 0 0px 12px;
		}
		/** Fin bloc question du jour **/
		
		div#content div#colGauche img.btnPresse {
			margin-left: 12px;
		}
		
/**********************
 * FIN COLONNE GAUCHE
 *********************/
	
	
	
/**********************
 * ZONE DE CONTENU 
 *********************/
	
	/** Template 1 **/
	div#content div#contenuTpl-1 {
		padding: 40px 80px 0 0;
		margin-left: 228px;
	}
		div#content div#contenuTpl-1 #edito {
			width: 550px;
		}
	
	/** Template 2 **/
	div#content div#contenuTpl-2 {
		padding: 40px 0 40px 0;
		margin-left: 228px;
	}
	
	/** Template 3 **/
	div#content div#contenuTpl-3 {
		padding: 40px 90px 40px 0;
		margin-left: 228px;
	}
	
	div#content div#contenuTpl-4 {
		padding: 40px 100px 40px 0;
		margin-left: 228px;

	}
	
	/** Modèle de colonne **/
	div#content .col-1, div#content .col-2 {
		width: 303px;
		float: left;
		margin-right: 20px;
	}

	div#content .col-3 {
		width: 211px;
	}	

	div#content .col-4 {
		width: 392px;
	}
	
	
	div#content .col-5 {
		width: 302px
	}
	
	div#content .col-6 {
		width: 303px;
	}
	
	div#content .colWidthAuto {
		width: auto;
	}
	/** fin modèle de colonne **/
	
	
	div#content h1 { padding-bottom: 10px; }
	
	div#content #edito {
		font-weight: bold;
		font-size: 15px;
		line-height: 1.1em;
	}
	div#content p {
		margin: 10px 0;
	}
	
	div#content p.puceRose {
		background: transparent url(../images/puces/triangleRose.png) top left no-repeat;
		text-indent: 20px;
	}
	
	/** Bloc contact presse **/
	div#blocEmailPresse {
		width: 211px;
		background: #dbdbdb url(../images/blocContactPresseTop.png) top left no-repeat;
		padding-top: 10px;
		margin-bottom: 19px;
	}
		
		div#blocEmailPresse .blocContent {
			padding: 10px;
			background: transparent url(../images/blocContactPresseback.png) top left repeat-y;
		}
		
		div#blocEmailPresse .blocBottom {
			height: 12px;	
			background: #fff url(../images/blocContactPresseBottom.png) top left no-repeat;
		}
	
		div#blocEmailPresse p { margin: 0 0 10px 0; padding: 0; }
		
		div#blocEmailPresse a { 
			display: block; text-align: center;
			font-weight: bold;
			font-style: italic;
			color: #eb6909;
			text-decoration: none;	
		}
	/** Fin Bloc Contact Presse **/
	
	
	
	/** Bloc de téléchargement de document **/
	.blocDocument {
		width: 627px;
		padding-bottom: 16px;
		background: transparent url(../images/blocDocumentBottom.png) bottom left no-repeat;
	}
	
	.blocDocument .contentBloc {
		background: transparent url(../images/blocDocumentBack.png) top left repeat-y;
	}
	
	.blocDocument ul {
		padding-top: 16px;
		background: transparent url(../images/blocDocumentTop.png) top left no-repeat;
		padding-left: 13px; 
		list-style-type: none;
		overflow: auto;
		height: 100% /* HasLayout pour IE6 */
	}
	
	.blocDocument ul li {
		clear: left;
		float: left;
		/*width: 290px;*/
		width:550px;
		margin-right: 5px;
		padding-bottom: 5px;
	}
	
	.blocDocument ul a {
		display: block;
		float: left;
		width: 30px;
		margin-right: 5px;
	}
	
	.blocDocument ul p {
		padding: 0 0 0 35px;
		margin: 0 !important;
	}
	
	.blocDocument ul span.date { 
		font-style: italic; 
		color: #918f8f;
		/**/
		font-size: 9px;
	 }
	
	.blocDocument ul span.titre { 
		/**/
		font-style: bold; 
		font-size: 13px;
	 }
	 
	 .blocDocument ul span.source {
	 	font-style: normal;
		color: #4c4c4c;
		/**/
		font-size: 10px;
	 }
	/** fin bloc de téléchargement de document **/
	
	/** Bloc Témoignage **/
	div#blocTemoignage {
		padding-bottom: 18px;
		background: transparent url(../images/blocTemoignageBottom.png) bottom left no-repeat;
		font-size: 11px;
	}
	
	div#blocTemoignage .blocTop {
		height: 18px;
		background: transparent url(../images/blocTemoignageTop.png) top left no-repeat;
	}
	
	div#blocTemoignage .blocContent {
		padding: 0 12px;
		background: transparent url(../images/blocTemoignageBack.png) top left repeat-y;
	}
	
		div#blocTemoignage .raisonSociale {	font-size: 13px; }
		div#blocTemoignage a { color: #868686; text-decoration: none;}
		div#blocTemoignage a:hover { color: #868686; text-decoration: underline; }
		div#blocTemoignage a:visited { color: #868686; }
		div#blocTemoignage a:active { color: #868686; }

		div#blocTemoignage .blocContent p { margin: 0; }
		
		div#blocTemoignage .temoignage {
			border: 1px solid #fff;
			padding-top: 18px;
		}
		
		div#blocTemoignage .temoignage img {
			float: left;
			margin-right: 10px;
		}
		
		div#blocTemoignage .temoignage p { margin: 5px 0 0 82px; }
		
		div#blocTemoignage .temoignage blockquote {
			clear: left;
			display: block;
			padding-top: 5px
		}
		
	/** Fin bloc témoignage **/
	
	


	/** Bloc Formulaire Question Jour **/
	div#formQuestionJour {
		background: #DBDBDB url(../images/blocFormQuestionJourTop.png) top left no-repeat;
		padding-top: 65px;
		width: 300px;
	}
	
	div#formQuestionJour p {
		color: #ea690b;
		font-weight: bold;
		font-size: 12px;
		font-style: italic;
		padding: 5px 14px;
	}
	
	div#formQuestionJour .blocContent {
		padding: 0 14px;
		background: transparent url(../images/blocFormQuestionJourBack.png) 0 250px repeat-y;
	}
	
	div#formQuestionJour .blocBottom {
		height: 15px;
		background: transparent url(../images/blocFormQuestionJourBottom.png) top left no-repeat;
	}
	
	div#formQuestionJour td.submit {
		vertical-align: bottom;
		height: 35px;
		text-align: right;	
	}
		div#formQuestionJour td.submit input {
			border: none;	
		}
	
	div#formQuestionJour input.champ {
		width: 129px;
	}
	
	div#formQuestionJour .textarea {
		width: 270px;
		height: 90px;
	}
	/** Fin Bloc Formulaire Question Jour **/
	

	/** Bloc Inscription **/
	#blocInscription {
		width: 627px;
		padding-bottom: 16px;
		background: transparent url(../images/blocDocumentBottom.png) bottom left no-repeat;
	}
	
	#blocInscription .blocContent {
		background: transparent url(../images/blocDocumentBack.png) top left repeat-y;
		padding: 0 11px;
	}
	
	#blocInscription .blocContent p { margin: 0;}
	
	#blocInscription .blocTop {
		background: transparent url(../images/blocDocumentTop.png) top left no-repeat;
		height: 16px;
	}
	
	#blocInscription table {width: 100%;}
	
	#blocInscription td { height: 45px;}
	#blocInscription .champ { width: 182px; }
	#blocInscription td.submit { height: 30px; vertical-align: bottom; text-align: right;}
	#blocInscription td.submit input { border: none; width: 104px; margin-right: 18px; }
	
	/** Fin bloc Inscription **/
	
	
	p.sourceArticle {
		color: #a1a1a1;
		font-weight: bold;
	}
	
	p.mentionObligatoire {
		font-style: italic;
		font-size: 9px;
		color: #757474;
	}
	
	.btnDldArticle {
		padding: 10px 0 20px 0;
	}
	
	input, textarea, select {
		border: 1px solid #bbbbbb;
		color: #757474;
		font-size: 11px;
	}
	
/**********************
 * FIN ZONE DE CONTENU 
 *********************/
	
	
/********************
 * Classes diverses
 *******************/
.align-right {
	text-align: right !important;
}

/** Element de positionnement **/
span.clear {
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
}

span.clearInline {
	clear: both;
	height: 1px;
	line-height: 1px;
	margin:0; padding: 0;
}

.right {
	float: right;
}

.left {
	float: left;
}

.block {
	display: block;
}

.noClear, .clearNone {
	clear: none !important;
}

.noRightMargin { margin-right: 0;}






/************************************************************************/
.blocFormContact {
width:400px;
}
.blocFormExpression {
width:300px;
}
.blocFormbottom400 {
		background: transparent url(../images/blocFormFooter_400.png) bottom left no-repeat;
		height:20px;
		padding:0;
		margin:0;
}
.blocFormtop400 {
		background: transparent url(../images/blocFormHeader_400.png) top left no-repeat;
		padding:10px 0 10px 20px;
		margin:0;
}
.blocFormbottom300 {
		background: transparent url(../images/blocFormFooter_300.png) bottom left no-repeat;
		height:20px;
		padding:0;
		margin:0;
}
.blocFormtop300 {
		background: transparent url(../images/blocFormHeader_300.png) top left no-repeat;
		padding:10px 10px 10px 20px;
		margin:0;
}



	
/**/
table tr td {
	font-family: Verdana, Helvetica, sans-serif;
	/*font-size: 11px;*/
	font-size: 12px;
	/*color: #4c4c4c;*/
}

.msgend {padding:30px 0 30px 0;}

.ob {color:#00bfed;}
.obpetit {color:#00bfed;;font-size:9px}

input.ob, textaera.ob {
color:#000000;
font-size:12px;
font-weight:bold;
border:0;
border-bottom:1px dashed #666666;
background:#f8f8f8;}


input, textaera {border:0;
background:#f8f8f8;
color:#000000;
font-size:12px;
font-weight:bold;
border-bottom:1px dashed #666666;}

h4 {font-size:20px;color:#ef6ba5;margin:40px 0 10px 0}
h5 {font-size:14px;margin:20px 0 10px 0;letter-spacing:1px}
.intitule {font-size:10px;color:#999999}
.obintitule {color:#666;font-size:11px;}

ul.simple {padding:4px 0 0 10px;margin:0;border-left:3px solid #f8cadf}
ul.simple li {list-style:none;padding:0;margin:0;font-size:10px;line-height:11px;}

.mentions {color:#CCCCCC;font-size:9px;line-height:9px;margin:0 0 10px 0;}

.blocEspacePresse {/*display:none*/}