/* CSS Document */

	body{
		margin:0;
		padding:11px 0 4px 0;
		font-family:verdana;
		font-size:10px;
		color:#2e2e2e;
		background-color:#cbbbac;
		background-image:url(images/fond-page.gif);
		background-repeat:no-repeat;
		background-position:center top;
	}
	
	.rouge{
		color: #cc0000;
	}

	a img{
		border:0;
	}
	
	form{
		margin:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:987px;
		margin:auto;
	}
	
	#accueilHaut{
		width:987px;
		height:367px;
		position:relative;
	}
	
	#accueilFlash{
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		width:987px;
		height:367px;
	}
	
	#accueilLogo{
		float:left;
		width:245px;
		margin:0 370px 0 0;
		padding:18px 0 0 26px;
	}
	
	#accueilActusBreves{
		position:absolute;
		z-index:74;
		top:0;
		left:640px;
		width:187px;
		height:344px;
		padding:22px 0 0 0;
		background-image:url(images/accueil-fond-actus.gif);
		background-repeat:no-repeat;
	}
	
	#accueilActusBreves h1{
		margin:0 0 0 46px;
	}
	
	#accueilActu{
		width:135px;
		height:275px;
		margin:35px 16px 0 36px;
		visibility:hidden;
		font-size:110%;
		color:#fefefe;
	}
	
	#accueilActu p{
		margin:0 0 12px 0;
	}
	
	#accueilActu a{
		color:#4d4d4d;
		text-decoration:none;
	}
	
	#accueilActu a:hover{
		color:#f00000;
		text-decoration:underline;
	}
	
	#accueilBas{
		width:987px;
		height:512px;
		margin:-1px 0 0 0;
		background-image:url(images/accueil-fond-bas.gif);
		background-repeat:no-repeat;
	}
	
	#accueilMenu{
		margin:0;
		padding:12px 0 0 35px;
		list-style:none;
	}
	
	#accueilMenu li{
		float:left;
		height:20px;
		padding:0 20px 0 20px;
		border-right:1px solid #002582;
		font-size:140%;
		color:#002582;
	}
	
	#accueilMenu li.accueilMenuDernier{
		border-right:0;
	}
	
	#accueilMenu li a{
		color:#002582;
		text-decoration:none;
	}
	
	#accueilMenu li a:hover{
		text-decoration:underline;
	}
	
	#accueilEncarts{
		margin:25px 0 0 16px;
	}
	
	.accueilEncart{
		float:left;
		width:309px;
		height:336px;
		margin:0 12px 0 0;
		background-image:url(images/accueil-fond-encart.gif);
		background-repeat:no-repeat;
	}
	
	#encartSully{
		padding:29px 0 0 0;
	}
	
	#encartSully h1{
		margin:0 0 20px 40px;
	}
	
	#encartSullyLogo{
		margin:0 0 12px 40px;
	}
	
	#encartSully p{
		margin:0 40px 11px 40px;
		font-size:110%;
		color:#000;
	}
	
	#encartSully p a{
		color:#002582;
		text-decoration:none;
	}
	
	#encartSully p a:hover{
		color:#2b9712;
		text-decoration:underline;
	}
	
	#encartRealisations{
		position:relative;
		padding:27px 0 0 0;
	}
	
	#accueilCarreViolet{
		position:absolute;
		z-index:74;
		right:36px;
		top:91px;
	}
	
	#encartRealisations h1{
		margin:0 0 20px 39px;
	}
	
	#encartRealisations ul{
		margin:0 0 0 40px;
		padding:0;
		list-style:none;
	}
	
	#encartRealisations ul li{
		margin:0 0 14px 0;
	}
	
	#encartRealisations ul li a{
		font-size:140%;
		color:#001d7c;
		text-decoration:none;
	}
	
	#encartRealisations ul li a:hover{
		color:#71308e;
	}
	
	#encartRealisations ul li a img{
		border-top:4px solid #e3e3e3;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#encartRealisations ul li a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#encartProgramme{
		height:288px;
		padding:29px 0 0 0;
		background-image:url(images/accueil-fond-en-cours.jpg);
		background-repeat:no-repeat;
		background-position:21px 29px;
	}
	
	#encartProgramme h1{
		margin:0 0 18px 64px;
	}
	
	#encartProgramme p{
		margin:0 20px 11px 64px;
		font-size:110%;
		color:#000;
	}
	
	#encartProgramme p a{
		color:#002582;
		text-decoration:none;
	}
	
	#encartProgramme p a:hover{
		color:#a40331;
		text-decoration:underline;
	}
	
	#accueilCarreRouge{
		margin:-9px 0 0 120px;
	}
	
	#accueilPied{
		margin:84px 0 0 186px;
		font-size:120%;
		color:#fff;
	}
	
	#accueilPied a, #pagePied a{
		color:#fff;
		text-decoration:none;
	}
	
	#accueilPied a:hover, #pagePied a:hover{
		text-decoration:underline;
	}
	
	#pageBandeau{
		width:964px;
		height:124px;
		padding:16px 0 0 23px;
		background-image:url(images/page-bandeau.jpg);
		background-repeat:no-repeat;
	}
	
	#page{
		width:987px;
		padding:1px 0 0 0;
		background-image:url(images/page-fond.gif);
		background-repeat:no-repeat;
	}
	
	#pageContenu{
		width:976px;
		padding:0 0 70px 11px;
		background-image:url(images/page-fond.jpg);
		background-repeat:no-repeat;
		background-position:2px bottom;
	}
	
	#pageMenuGauche{
		float:left;
		width:175px;
		height:243px;
		margin:10px 0 0 0;
		padding:36px 4px 0 4px;
		list-style:none;
		background-image:url(images/page-fond-menu-gauche.gif);
		background-repeat:no-repeat;
	}
	
	#pageMenuGauche li{
		margin:0 0 5px 0;
	}
	
	#pageMenuGauche li a{
		display:block;
		width:145px;
		padding:5px 11px 5px 19px;
		background-image:url(images/page-fleche-menu.gif);
		background-repeat:no-repeat;
		background-position:4px 0;
		font-size:120%;
		color:#fff;
		text-decoration:none;
	}
	
	#pageMenuGauche li a:hover{
		background-color:#fff;
		background-position:4px -50px;
		color:#002582;
	}
	
	#pageMenuGauche li a.actif{
		background-color:#fff;
		background-position:4px -50px;
		color:#002582;
	}
	
	#contenu{
		float:left;
		width:554px;
		padding:0 20px 0 20px;
	}
	
	#nomRubrique{
		margin:0 0 0 89px;
		padding:27px 0 0 83px;
		background-image:url(images/page-carres-titre.gif);
		background-repeat:no-repeat;
		font-size:240%;
		font-weight:bold;
		color:#002582;
	}
	
	#contenu h1{
		margin:37px -20px 30px -20px;
		padding:3px 0 4px 0;
		border-top:1px solid #002582;
		border-bottom:1px solid #002582;
		text-align:center;
		font-size:240%;
		font-weight:normal;
		font-style:italic;
		color:#002582;
	}
	
	#contenu h2{
		padding:7px 0 0 0;
		margin:0 0 14px 0;
		font-size:140%;
		font-weight:bold;
		color:#002582;
	}
	
	#contenu h3{
		margin:0 0 7px 0;
		font-size:120%;
		font-weight:bold;
		color:#002582;
	}

	#contenu p{
		font-size:110%;
		margin:0 0 14px 0;
	}
	
	#contenu ul{
		font-size:110%;
		margin:0 0 11px 12px;
		padding:0;
		list-style:none;
	}
	
	#contenu ul li{
		margin:0 0 6px 0;
		padding:0 0 0 10px;
		background-image:url(images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	
	#contenu a{
		/*color:#2b9712;*/
		color:#2e2e2e;
		text-decoration:none;
	}
	
	#contenu a:hover{
		text-decoration:underline;
	}
	
	/* ================================ placement des images */
	#contenu table.map{
		margin:0;
		border-left:0;
		border-top:0;
		border-bottom:0;
	}
	
	#contenu table.map td{
		border:0;
	}
	
	.imageAGauche{				/* image à gauche dans paragraphe */
		float:left;
		margin:0 10px 4px 0;
	}
	
	.imageADroite{				/* image à droite dans paragraphe */
		float:right;
		margin:0 0 5px 10px;
	}
	
	.imageCentre{				/* image centrée */
		text-align:center;
	}
	
	.imageAligneeDroite{		/* image alignée à droite */
		text-align:right;
	}
	
	#contenu table.map td.gaucheHaut{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:top;
	}

	#contenu table.map td.droiteHaut{				/* colonne de droite */
		padding:0;
		vertical-align:top;
	}

	#contenu table.map td.gaucheCentre{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
	}
	
	#contenu table.map td.droiteCentre{				/* colonne de droite */
		padding:0;
	}
	
	#contenu table.map td.gaucheBas{				/* colonne de gauche */
		padding:0 20px 0 0;		/* marge entre les colonnes */
		vertical-align:bottom;
	}
	
	#contenu table.map td.droiteBas{				/* colonne de droite */
		padding:0;
		vertical-align:bottom;
	}
/* ================================ placement des images */

	.menuRealisations{
		width:530px;
		margin:0 0 12px 0;
		padding:12px 12px 12px 12px;
		background-color:#ececec;
	}
	
	.menuRealisationsVisuel{
		float:left;
		width:73px;
		margin:0 12px 0 0;
	}
	
	.menuRealisationsTexte{
		float:left;
		width:445px;
	}
	
	#realisation{
		width:574px;
		margin:0 -20px 0 0;
		padding:0 0 30px 0;
		background-image:url(images/realisation-carres.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
	}
	
	#realisationContenu{
		width:554px;
		padding:0 0 1px 0;
		background-color:#ececec;
	}
	
	#realisationVisuel{
		float:left;
		width:308px;
		margin:0 20px 0 0;
	}
	
	#realisationTexte{
		float:left;
		width:215px;
		padding:8px 0 0 0;
	}
	
	#realisationTexte2{
		float:left;
		padding:8px 4px 0 4px;
	}

	.encadre{
		width:193px;
		border:1px solid #535353;
		background-color:#e5e5e5;
		padding:10px 8px 1px 10px;
	}

	#pageMenuDroite{
		float:left;
		width:183px;
		margin:10px 0 0 0;
	}
	
	#pageMenuDroiteHaut{
		width:183px;
		height:31px;
		background-image:url(images/haut-menu-droite.gif);
		background-repeat:no-repeat;
	}
	
	#pageMenuDroite h2{
		width:165px;
		margin:0;
		padding:0 8px 0 8px;
		list-style:none;
		border-left:1px solid #0f3189;
		border-right:1px solid #0f3189;
		font-size:140%;
		font-weight:bold;
		color:#002582;
	}
	
	#pageMenuDroite ul{
		width:173px;
		margin:0;
		padding:10px 4px 1px 4px;
		list-style:none;
		border-left:1px solid #0f3189;
		border-right:1px solid #0f3189;
	}

	#pageMenuDroite p{
		width:173px;
		margin:0;
		padding:10px 4px 1px 4px;
		font-size:110%;
		color:#002582;
		border-left:1px solid #0f3189;
		border-right:1px solid #0f3189;
	}
	
	#pageMenuDroite ul li{
		margin:0 0 5px 0;
	}
	
	#pageMenuDroite ul li a{
		display:block;
		width:143px;
		padding:5px 11px 5px 19px;
		background-image:url(images/page-fleche-menu.gif);
		background-repeat:no-repeat;
		background-position:4px -50px;
		font-size:110%;
		color:#002582;
		text-decoration:none;
	}
	
	#pageMenuDroite ul li a:hover{
		background-color:#002582;
		background-position:4px 0;
		color:#fff;
	}
	
	#pageMenuDroite ul li a.actif{
		background-color:#002582;
		background-position:4px 0;
		color:#fff;
	}
	
	#pageMenuDroite ul li a.ouvert, #pageMenuDroite ul li a.ouvert:hover{
		background-color:#002582;
		background-position:4px 0px;
		color:#fff;
	}
	
	#pageMenuDroite ul ul{
		width:167px;
		margin:0;
		padding:2px 2px 0 2px;
		list-style:none;
		border-left:1px solid #0f3189;
		border-right:1px solid #0f3189;
		border-bottom:1px solid #0f3189;
	}
	
	#pageMenuDroite ul ul li{
		margin:0 0 2px 0;
	}
	
	#pageMenuDroite ul ul li a{
		display:block;
		width:137px;
		padding:5px 11px 5px 19px;
		background-image:url(images/page-fleche-menu.gif);
		background-repeat:no-repeat;
		background-position:4px -150px;
		font-size:110%;
		color:#2b9712;
		text-decoration:none;
	}
	
	#pageMenuDroite ul ul li a:hover{
		background-color:#2b9712;
		background-position:4px 0;
		color:#fff;
	}
	
	#pageMenuDroite ul ul li a.actif{
		background-color:#2b9712;
		background-position:4px 0;
		color:#fff;
	}
	
	.visible{
		display:block;
	}
	
	.invisible{
		display:none;
	}
	
	#pageMenuDroiteBas{
		width:183px;
		height:28px;
		background-image:url(images/bas-menu-droite.gif);
		background-repeat:no-repeat;
	}
	
	#pagePied{
		width:801px;
		height:29px;
		padding:8px 0 0 186px;
		background-image:url(images/page-fond-pied.gif);
		background-repeat:no-repeat;
		font-size:120%;
		color:#fff;
	}

	/****************** CONTACT **********************/

	#formulaireContact{
		float:left;
		width:530px;
		margin:0 0 12px 0;
		display:inline;
		font-family:verdana;
		font-size:12px;
	}
	.asterisque{
		color:#1e4d83;
	}
	
	.contactLabel{
		float:left;
		width:150px;
		margin:4px 0 0 0;
		padding:0 0 0 0px;
		font-size:120%;
		color:#000;
	}
	
	.contactChamp{
		float:left;
		width:150px;
		margin:0 0 9px 0;
	}

	.contactChamp input, .contactChamp select{
		width:240px;
		font-family:verdana;
		font-size:12px;
		color:#1e4d83;
		border:1px solid #1e4d83;
		padding:2px;
	}

	.contactChamp textarea{
		width:240px;
		height:60px;
		font-family:verdana;
		font-size:12px;
		color:#1e4d83;
		border:1px solid #1e4d83;
		padding:2px;
	}

	.envoyer{
		display:block;
		width:148px;
		height:30px;
		margin:20px 0 10px 250px;
	}

	.envoyer {
		filter:alpha(opacity=100); 
		-moz-opacity:1; 
		opacity:1;
	}
		
	.envoyer:hover {
		filter:alpha(opacity=80); 
		-moz-opacity:0.8; 
		opacity:0.8;
	}
	/****************** CONTACT **********************/

	#accueilGauche{
		position:absolute;
		top:130px;
		left:33px;
		z-index:30;
		width:194px;
		padding:6px 0 6px 0;
		background-color:#fff;
		border:1px solid #002582;
		text-align:center;
	}

	#videoFlash{
		position:absolute;
		top:130px;
		left:33px;
		z-index:30;
		width:250px;
		padding:6px 0 6px 0;
		/*background-color:#fff;
		border:1px solid #002582;*/
		text-align:center;
	}

	#accueilGauche h2{
		margin:0 0 2px 0;
		padding:0 7px 0 7px;
		font-size:120%;
		color:#002582;
		font-weight:normal;
	}
	
	#accueilGauche a{
		text-decoration:none;
		color:#002582;
		font-size:90%;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#accueilGauche a img{
		padding:0 0 2px 0;
	}
	
	#accueilGauche a:hover img{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}