/********************************************************
CSS pour le site de cdbme
Création du css : Martin Durette
Date : Mai 2009
Une réalisation de Sirocco communication
********************************************************/


/********************************************************
	Styles de base 
********************************************************/
	body{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; background:url(../images/bg.jpg) repeat-x top left; line-height:150%;background-color:#f4d70d;}
	a{outline:none}
	.clear{clear:both}
	
	
	#contenant{margin:0 auto; width:950px;}



	/* 	Couleurs			*/
	/*	Bleu:		#00457c	*/
	/*	Or:			#c5a901	*/

/********************************************************
	Header
********************************************************/
	#header{position:relative; margin:0; height:197px; width:950px; border:0px solid #000; z-index:1}
		#logo{position:absolute; margin:30px 0 0 42px}
		#photobg{position:absolute; margin:220px 0 0 610px; background:url(../images/bg_photo.png); width:361px; height:393px; z-index:20;}
		* html #photobg{margin:220px 0 0 630px;}
		#photo{position:absolute; margin:252px 0 0 651px; width:286px; height:267px; z-index:21;}
		* html #photo{margin:252px 0 0 671px;}
		#photobg2{position:absolute; margin:160px 0 0 480px; background:url(../images/bg_photo2.png); width:393px; height:416px; z-index:18}
		* html #photobg2{margin:160px 0 0 520px;}
			#photo2_1{position:absolute; margin:33px 0 0 203px; width:115px; height:13px; z-index:21}
			#photo2_2{position:absolute; margin:46px 0 0 152px; width:166px; height:13px; z-index:21}
			#photo2_3{position:absolute; margin:59px 0 0 40px; width:278px; height:146px; z-index:21}
			#photo2_4{position:absolute; margin:114px 0 0 318px; width:18px; height:91px; z-index:21}
			#photo2_5{position:absolute; margin:205px 0 0 61px; width:284px; height:113px; z-index:21}
		#slogan{position:absolute; top:60px; left:280px; border :0px solid #000;}

		#menu_accueil{position:absolute; margin:70px 0 0 515px; width:51px; height:82px;}
		#btn_accueil{display:block; width:51px; height:82px;background:url(../images/btn_accueil.gif);}		
		#btn_accueil:hover{background-position: 0px 82px;}
		#btn_accueil span{display:none}
		
		#menu_cdbme{position:absolute; margin:70px 0 0 566px; width:48px; height:82px;}
		#btn_cdbme{display:block; width:48px; height:82px;background:url(../images/btn_cdbme.gif);}		
		#btn_cdbme:hover{background-position: 0px 82px;}
		#btn_cdbme span{display:none}
		
		#menu_outils{position:absolute; margin:70px 0 0 614px; width:48px; height:82px;}
		#btn_outils{display:block; width:48px; height:82px;background:url(../images/btn_outils.gif);}		
		#btn_outils:hover{background-position: 0px 82px;}
		#btn_outils span{display:none}

		#menu_publications{position:absolute; margin:70px 0 0 662px; width:83px; height:82px;}
		#btn_publications{display:block; width:83px; height:82px;background:url(../images/btn_publications.gif);}		
		#btn_publications:hover{background-position: 0px 82px;}
		#btn_publications span{display:none}
		
		#menu_projets{position:absolute; margin:70px 0 0 745px; width:79px; height:82px;}
		#btn_projets{display:block; width:79px; height:82px;background:url(../images/btn_projets.gif);}		
		#btn_projets:hover{background-position: 0px 82px;}
		#btn_projets span{display:none}
		
		#menu_repertoire{position:absolute; margin:70px 0 0 824px; width:70px; height:82px;}
		#btn_repertoire{display:block; width:70px; height:82px;background:url(../images/btn_repertoire.gif);}		
		#btn_repertoire:hover{background-position: 0px 82px;}
		#btn_repertoire span{display:none}
		
		#menu_contact{position:absolute; margin:70px 0 0 894px; width:55px; height:82px;}
		#btn_contact{display:block; width:55px; height:82px;background:url(../images/btn_contact.gif);}		
		#btn_contact:hover{background-position: 0px 82px;}
		#btn_contact span{display:none}





/********************************************************
	Main
********************************************************/
	#main{position:relative; margin:1px 0 0 0; padding:0; width:950px; border:0px solid #000; background:url(../images/bg_main.png) repeat-y top; min-height:400px; height: auto !important; height:400px}
		#texte{float:left; margin:30px 0 0 40px; padding:20px; width:430px; background:#fff}
			#texte .date{font-size:0.9em; font-weight:bold; color:#00457c; margin-bottom:0}
			#texte .titre{font-size:1em; font-weight:normal; color:#00457c; text-transform:uppercase; margin:0}
			#texte .description{margin-top:0}
			#texte p, #texte li, #texte table td, #texte table td p{color:#00457c}
			#texte a{color:#c5a901; text-decoration:underline}
			#texte a:hover{text-decoration:none}
			#texte ul.repertoire{list-style:none; margin:0; padding:20px;}
			#texte ul.repertoire li a{color:#00457c; text-decoration:underline}
			#texte ul.repertoire li a:hover{color:#c5a901}
			#texte h2{color:#00457c; font-size:1.5em; border-bottom:1px solid #00457c; margin:0 0 1em 0}
			#texte input, #texte textarea{border:1px solid #c5a901; color:#c5a901; padding:3px}
			#texte p.red{color:#ff0000}
			
			table tr.gris0 td{background:#ededed}
		
		#link{float:left; margin:20px 0 0 0; padding:0 0 20px 0; width:950px; border:0px solid #000; text-align:center}
			
		#intranet table td{background:#efefef}
		#intranet table td.section{background:#00457c; color:#fff; text-transform:uppercase}
		#intranet table td.sous-section{background:#c5a901;  color:#fff; text-transform:uppercase; padding-left:25px}
		#intranet table td.sous-section2{padding-left:25px}
		


/********************************************************
	Footer
********************************************************/
	#footer{position:relative; margin:0; padding:20px 0 0 0; top:0px; height:50px; width:950px; border:0px solid #000; background:url(../images/bg_main.png) repeat-y top; text-align:center}
		#footer p{margin:0 0 0.5em 0; font-size:0.9em; color:#666}
		#footer p a{color:#047; font-size:1.1em; text-decoration:underline}
		#footer p a:hover{text-decoration:none}
	#bottom{position:relative; margin:0; padding:0; top:0px; height:50px; width:950px; border:0px solid #000; background:url(../images/bg_footer.png) no-repeat top}
	
	
	
	
	
/* Tableau de stats dans section Faits et chiffres */
.trStats{
	background-color:#DFE9CC;
}

.trVertPale{
	background-color:#ECF2E1;
}

.tdStats{
	text-align:right;
	font-size:10px;
	height: 25px;
	padding:3px;
}

.tdStatsTitre{
	background-color:#7D9DB0;
	text-align:right;
	vertical-align:bottom;
	font-size:10px;
	color:#FFFFFF;

	height: 25px;
	padding:3px;
}

.tdDownload{
	text-align:left;
	font-size:10px;
	height: 25px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}
.sousMenuOver {
	background-color: #4A7394;
}

/* ELEMENTS FORMULAIRE */

.formTextfield{
	background-color:#ffffff;
	color:#42687C;
	font-size: 11px;
	border:1px solid #B4CA8A;
}
.footerTexte{
	font-size: 10px;
	color:#859359;
	text-decoration: none;
}

.cachediv {kll;k
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -2000px;
		position: relative;
	}
	/* ELEMENTS */
#level0 {
	height: 100%;
	width: 759px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#level1 {
	height: 100%;
	margin: 0px;
}

#leftMenu{
	height:100%;	
	background-color: #ffffff;
	vertical-align: top;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D8E5C4;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D8E5C4;
}

#tableLeftMenu{
	width:187px;
}

#tdContent {
	background-color: #F4F7EE;
	width: 100%;
	height: 100%;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D8E5C4;
	vertical-align:top;
}

#tdImprimer{
	width:160px; 
	vertical-align:top;
	text-align:right;
}
.topMarginImprimer{
	margin-top:4px;
}

#tdPadRight{
	width:60px;
}

#tdTitre{
	padding-bottom:15px;	
	vertical-align:top;
}
#tdTitre2{
	padding-bottom:10px;	
	vertical-align:top;
}

.tablePourContenu {
	height: 100%;
	width: 100%;
	margin:0px;
	border: 0px;
}

.tdPourContenu {
	vertical-align: top;
	text-align: left;
	font-size:11px;
}

#tableMenuHaut {
	background-color: #1E5071;
	height: 36px;
	width: 100%;
	color: #ffffff;
	vertical-align:top;
}

.tdSousMenuGauche {
	margin-left: 20px;
	padding-left: 20px;
	text-align:left;
}

.sousMenuInactif{
	color: #7293A7;
	font-weight: bold;
	text-decoration: none;
	font-size:10px;
}

.sousMenuActif{
	color: #7293A7;
	font-weight: bold;
	text-decoration: underline;
	font-size:10px;
}

#tableCalendrier, #tableCalendrier td{
	text-align:center;
	color: #1E5071;
	border-color:#B2CB8A;
	border-style:solid;	
	border-width: 1px;
	border-collapse: collapse;
/*	font-weight: bold;*/
	font-size: 11px;
}

#tableCalendrier th{
	height:23px;
	text-align:center;
	background-color:#B2CB8A;
	border-color:#F4F7EE;
	border-style:solid;
	border-width: 1px;
	border-collapse:collapse;
}

.tdCalendrier{
	width:14%;
	height:18px;
	background-color:#ffffff;
}

.tableGenerale{
	height: 100%; 
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
}
.tdGenerale{
	 vertical-align:top;
	 padding-right:10px;
	 padding-left:10px;
	 font-size:11px;
}
.titreSection{
	font-size:18px;
	color:#1C5072;
	line-height:20px;
}
.sousTitreBleu{
	font-weight: bold;
	font-size: 11px;
	color:#1E5071;
	text-decoration: none;
}
.titreNouvelle {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;	
	color:#1C5072;
	text-decoration: none;
}
.dateNouvelle{
	font-weight:bold;
	font-size: 10px;
	color:#859359;
	text-decoration: none;
}

.sousTitreTexte{
	font-weight: bold;
	font-size: 12px;
	color:#859359;
	text-decoration: none;
}

.footerLien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#1E5071;
	text-decoration: none;
}
.footerTexte{
	font-size: 10px;
	color:#859359;
	text-decoration: none;
}

.lienDansContenu{
	font-size: 11px;
	text-decoration: none;
	color: #60849C;
}
.lienTeaser
{
	text-decoration: none;
}
.sourceReference{
	font-size:9px;
	font-style: italic;
	color:#666666;
}

.textesMarketing{
	font-size:14px;
	color:#B7CFB3;
	font-weight:bold;
}
/* Tableau de stats dans section Faits et chiffres */
.trStats{
	background-color:#DFE9CC;
}

.trVertPale{
	background-color:#ECF2E1;
}

.tdStats{
	text-align:right;
	font-size:10px;
	height: 25px;
	padding:3px;
}

.tdStatsTitre{
	background-color:#7D9DB0;
	text-align:right;
	vertical-align:bottom;
	font-size:10px;
	color:#FFFFFF;

	height: 25px;
	padding:3px;
}

.tdDownload{
	text-align:left;
	font-size:10px;
	height: 25px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}
/* ELEMENTS FORMULAIRE */

.formTextfield{
	background-color:#ffffff;
	color:#42687C;
	font-size: 11px;
	border:1px solid #B4CA8A;
}

.formBoutton{
	background-color:#B4CA8A;
	color:#34617F;
	font-size: 10px;
	border:1px solid #34617F;
}

.formSelect{
	width:89%;
	background-color:#ffffff;
	color:#1E5071;
	font-size: 11px;
	border:1px solid #B4CA8A;
}

.formBoutonImage{
	margin: 50px 0px 0px 0px;
	border:0px;
}

.lienActivite {
	text-decoration: none;
}

.imageContenuGauche {
	margin-right:8px;
	border:5px solid #FFFFFF;	
}
.imageContenuDroite {
	margin-left:8px;
	border:5px solid #FFFFFF;	
}
.alignTop{
	vertical-align:top;
}