*	{
		margin:0px;
		padding:0px;
	}
	


					/* style du body*/	


body {
		background : url(../images/bandeau_bleu_fond.jpg) repeat-x 0px 141px #313131;
		text-align:left;
	}


	
				/* style du bloc conteneur*/				


div#conteneur{
		background-color:white;
		width:900px;
		margin:40px auto auto auto;
		text-align:left;
	}

div#conteneur h1{
		color:white;
		font:10px arial;
		text-align:center;
		padding-top:5px;
	}
div.border{
		width:900px;
		height:24px;
		background-color:#3f3f3f;
	}
	
div#conteneur a:hover{
		color:#586db0;
	}


	
				/*style du bloc d'entête*/				



div#header{
		background-color:white;
		width:900px;
	}	

div#header ul{
		height:20px;
		margin:15px;
	}		
	
/* style de chaque puce du menu horizontal*/
div#header li{
		display:inline;
		margin:5px 10px 0px 10px;
	}

/*style de chaque liens du menu horizontal*/	
div#header a{
		text-decoration:none;
		color:#8D8D8D;
		font: 10px Arial ;
		float:left;
		padding:0px 20px 0px 30px;
	}

/* Style appliqué pour les 3 puces du menu horizontal*/
li.accueil{
		background:url(../images/accueil.jpg) no-repeat;
		float:left;
		border-right:1px solid #ececec;
	}

li.contact{
		background:url(../images/contact.jpg) no-repeat;
		float:left;
		border-right:1px solid #ececec;
	}
	
li.qui{
		background:url(../images/qui_sommes_nous.jpg) no-repeat;
		float:left;
		border-right:1px solid #ececec;
	}
	
/* style du bandeau degradé gris en dessou du menu horizontal*/
div.bandeau_degrade{
		height:15px;
		width:900px;
		background-image:url(../images/bandeau_degrade.jpg);
	}
	
	

			/* style de la banniere et du menu */			


			
div#banniere{
		width:900px;
		height:263px;
	}

/* style de la banniere et de ses écritures*/
div#image{
		height:263px;
		width:602px;
		background-image:url(../images/bandeau.jpg);
		float:left;
}

div#sstitre{
		float:left;
	}

div#sstitre h2{
		margin:90px 0px 0px 275px;
		color:#f28010;
		font:bold 20px Arial;
	}
	
div.par{
		height:82px;
		width:18px;
		float:left;
		background-image:url(../images/parenthese_blanche.png);
		margin:110px 0px 0px 5px;
	}
	
div#sstitre p{
		margin-left:320px;
		color:white;
		font: 17px Arial;
	}

div#sstitre2{
		height:100px;
		margin:110px 0px 0px 5px;
		float:left;
}	

div#sstitre2 h2{
		color:white;
		font: bold 26px arial;
	}

div.adr_site{
		color:white;
		font:12px Arial;
		float:left;
		margin:7px 0px 0px 75px;

	}

/*style de chaque numero du menu vertical*/
div#puce{
		width:45px;
		height:263px;
		color:#d0d0d0;
		font:12px arial;
		text-align:center;
		border-collapse:collapse;
		float:left;
		margin-left:5px;
	}
	
div#puce div{
		width:45px;
		height:30px;
		float:left;
		padding-top:20px;
		border-bottom:1px solid #f6f6f6;
	}



/*style de chaque titre du menu vertical*/	
div#titre{
		width:200px;
		height:263px;
		float:left;	
		border-collapse:collapse;
	}
	
div#titre a{
		color:#878787;
		font:bold 13px arial;
		text-decoration:none;
		margin-left:10px;
	}

a.selection{
		color:#586db0 !important;
	}

div#titre div{
		width:200px;
		height:30px;
		float:left;
		padding-top:20px;
		border-bottom:1px solid #f6f6f6;
		border-right:1px solid #f6f6f6;
		border-left:1px solid #f6f6f6;
		cursor:pointer;
	}	

/*style de chaque chevron du menu vertical*/
div#chevron{
		width:45px;
		height:263px;
		color:#d0d0d0;
		font:12px arial;
		text-align:center;
		float:left;
		border-collapse:collapse;
	}
	
div#chevron a{
		color:#d0d0d0;
		font:bold 12px arial;
		text-decoration:none;
	}
	
div#chevron div{
		width:45px;
		height:30px;
		float:left;
		padding-top:20px;
		border-bottom:1px solid #f6f6f6;
		cursor:pointer;
	}	
	
	
	
					/*style du corps*/				  



div#corps{
		width:890px;
		/*height:300px;*/
		background-color:white;
		padding-left:8px;

	}
	
div#corps h2{
		margin-left:10px;
		font:bold 12px Arial;
		color:#586db0;
		padding-bottom:5px;
	}

div#corps h3{
		color:black;
		font: bold 11px Arial;
		margin-left:10px;
		padding-bottom:5px;
	}
	
div#corps p{
		color:#8D8D8D;
		font: 11px arial;
		margin:0px 10px 0px 10px;
		padding-bottom:5px;
	}

div#corps a{
		/*color:#daa520;*/
		color:#F28010;
		font: bold 11px arial;
		text-decoration:none;
		margin-left:10px;		
	}
	
/* style du bloc evenement*/
div#evenement{
		height:299px;
		width:291px;
		float:right;
		border-left: 1px solid #dcdcdc;
	}

div.intro{
		width:290px;
		height:70px;
		margin-top:10px;
		float:left;
	}

div.intro p{
		text-align:justify;
	}
div#blocnote{
		height:150px;
		width:151px;
		float:right;
		margin:1px 5px 0px 0px;
		background:url(../images/bloc_evenement.jpg) no-repeat;
	}
	
div#blocnote h3{
		margin-left:20px;
		font: bold 12px arial;
		}
		
div#blocnote p{
		color:#8D8D8D;
		font:9px arial;
		margin-left:20px;
		text-align:justify;
		}

div#blocnote a{
		color:#daa520;
		font:11px arial;
		text-decoration:none;
		margin-left:70px;
		}

div.evenement{
		width:68px;
		height:23px;
		margin:25px 0px 0px 20px;
		padding-bottom:5px;
		background:url(../images/mot-evenement.jpg) no-repeat;
	}
	
div.lien{
		width:130px;
		float:left;
		margin-top:20px;
	}

div.partenariat{
		float:left;
		height:50px;
		width:290px;
	}

div.lien a{
	margin-bottom:10px;
	display:block;
}
	div.lien a.lien-concours{

	}
	div.lien a.lien-concours img {
		border: 0;
	}

div.logopart1{
		width:87px;
		height:31px;
		background:url(../images/creatests_petit.jpg) no-repeat;
		float:left;
		margin:5px 10px 0px 10px;
	}

div.logopart2{
		width:87px;
		height:31px;
		background:url(../images/TVdesE_siteportail.jpg) no-repeat;
		float:left;
		margin:5px 10px 0px 10px;
	}

/*style du centre du corps*/
div#centre_corps{
		/*height:130px;*/
		width:590px;
		background-color:white;
		border-bottom:1px solid #dcdcdc;
		padding:11px 0px 5px 5px;	
	}

div.photo1{
		height:100px;
		width:98px;
		background:url(../images/photo1.jpg) no-repeat;
		float:left;
	}
	
div.texte{
		height:100px;
		width:483px;
		float:left;
		margin-left:5px;
		text-align:justify;
	}

div.texteBis{
		/*height:100px;*/
		width:570px;
		float:left;
		margin:0px 5px 0px 5px;
		text-align:justify;
		color:#8D8D8D;
		font: 11px arial;		
	}

div.texteBis div.medaille_or{
		height:100px;
		width:69px;
		background:url(../images/medaille_or.jpg) no-repeat;
		float:left;	
		margin-right:15px;	
	}

strong.noir{
		color:black;
		font: bold 11px Arial;		
	}

strong.gris{
		color:#8D8D8D;
		font: 11px arial;
		line-height:10px;
	}

div.texteBis p{

		margin:0px 10px 0px 0px;
		padding:0px;
		text-align:justify;
	}

div.texteBis p.gagnant{
		color:black !important;
		font:bold 11px arial !important;
	}

/*style du bloc actu*/
div#actu{
		height:135px;
		width:350px;
		float:left;
		background-color:white;
		border-right:1px solid #dcdcdc;
		padding:11px 0px 0px 5px;

	}

div#actuBis{
		height:135px;
		width:285px;
		float:left;
		background-color:white;
		border-right:1px solid #dcdcdc;
		padding:11px 0px 0px 5px;
	}

div.photo2{
		height:100px;
		width:99px;
		background-image:url(../images/photo2.jpg);
		float:left;
	}
div.photo3{
		height:100px;
		width:99px;
		background-image:url(../images/concours_2010.jpg);
		float:left;
	}

div.texteActu{
		height:145px;
		width:245px;
		float:left;
		text-align:justify;
	}

div.texteActuBis{
		height:145px;
		width:280px;
		float:left;
		text-align:justify;
	}

div.texteActuBis div.medaille_argent{
		height:145px;
		width:69px;
		background:url(../images/medaille_argent.jpg) no-repeat;
		float:left;	
		margin-right:20px;	
	}


div.texteActuBis p{
		padding-top:3px;
	}

div.texteActuBis p.gagnant{
		color:black !important;
		font:bold 11px arial !important;
		text-align:left !important;
	}

div.texteActuBis div.par1{
		height:111px;
		width:24px;
		margin:5px 0px 0px 15px;
		float:left;
		background-image:url(../images/par1.jpg);
	}

div.texteActuBis div.logo{
		height:65px;
		width:185px;
		margin:18px 0px 0px 10px;
		float:left;
	}

div.texteActuBis div.par2{
		height:111px;
		width:18px;
		margin:5px 15px 0px 0px;
		float:right;
		background-image:url(../images/par2.jpg);
	}

/*style du bloc partenaire*/
div#partenaire{
		height:141px;
		width:235px;
		padding:11px 0px 0px 5px;
		background-color:white;
		float:left;
	}

div#partenaire div.par1{
		height:111px;
		width:24px;
		margin:5px 0px 0px 1px;
		float:left;
		background-image:url(../images/par1.jpg);
	}

div#partenaire div.logo{
		height:65px;
		width:185px;
		margin:15px 0px 0px 0px;
		float:left;
	}

div#partenaire div.par2{
		height:111px;
		width:18px;
		margin:5px 3px 0px 0px;
		float:right;
		background-image:url(../images/par2.jpg);
	}

div#partenaireBis{
		height:141px;
		width:285px;
		padding:11px 0px 0px 10px;
		background-color:white;
		float:left;
		overflow:hidden;
	}

div#partenaireBis div.medaille_bronze{
		height:145px;
		width:69px;
		background:url(../images/medaille_bronze.jpg) no-repeat;
		float:left;	
		margin-right:20px;	
	}

div#partenaireBis p{
		text-align:justify;
	}

div#partenaireBis p.gagnant{
		color:black !important;
		font:bold 11px arial !important;
		text-align:left !important;
	}

div#partenaireBis form{	
		margin:10px 0 20px 10px;	
	}

div#partenaireBis input.text{
		width:175px;
	}

div#partenaireBis input.submit{
		margin:0 18px 0 0;
		width:70px !important;
		color:#daa520;
		font: bold 11px arial;
		background-color:white;
		border:none;
	}

div#partenaireBis label{
		margin-right:10px;
	}



div.paypal{
		width:90px;
		height:44px;
		margin:0px 97px	2px	97px;
		background:url(../images/paypal.jpg) no-repeat;
	}
	



			/* Block contenant le formulaire de contact */		


div#contact{
		width:590px;
		height:290px;
		background-color:white;	
		float:left;	
		font: 12px arial;
	}

div#contact h2{
		padding:0px 0px 0px 10px;
		font:bold 16px Arial;
		color:#586db0;
		padding-bottom:5px;
	}

div#contact h3{
		color:black;
		font: bold 11px Arial;
		padding:0px 0px 0px 10px;
		margin-left:10px;
	}

div#contact p{
		color:#8D8D8D;
		font: 12px arial;
		text-align:justify;
		margin:10px 20px 0px 22px;
	}

div#contact li{
		color:#8D8D8D;
		font: 12px arial;
		margin:10px 20px 0px 50px;
	}

div.champContact{
		width:580px;
		height:220px;
		margin:10px 0px 0px 10px;
	}

div.champContact p{
		width:300px;
		height:17px;
		margin:0px 10px 0px 10px !important;
	}

div.champContact label{
		float:left;
	}

div.champContact input{
		float:right;
		border:1px solid #d0d0d0;
	}

div.champContact select{
		margin-left:68px;
		width:204px;
		border:1px solid #d0d0d0;
	}

div.champContact textarea{
		height:70px;
		width:452px;
		float:right;
		margin-top:2px;
		border:1px solid #d0d0d0;
	}

p.textarea{
		height:70px !important;
		width:550px !important;
		padding-bottom:10px !important;
	}

p.select{
		width:400px !important;
	}

span.error{
		color:red;
		font: 11px arial;
		margin-left:20px;
	}

p.error{
		color:red !important;
		font: 11px arial;
	}

input.inputRecherche{
		margin:40px 0px 0px 20px;
	}

input.ValidRecherche{
		clear:both;
		background-color:white;
		color:#daa520;
		font:bold 11px arial;
		text-decoration:none;	
		border:0px !important;
		margin:10px 0px 0px 120px;
	}

input.validContact{
		clear:both;
		background-color:white;
		color:#daa520;
		font:bold 11px arial;
		text-decoration:none;	
		border:0px !important;
		margin-right:15px;
	}



				/* Style du dépot de projet */



div#projet{
		width:590px;
		height:290px;
		background-color:white;	
		float:left;	
		font: 12px arial;
	}

div#projet h2{
		font:bold 16px Arial;
		color:#586db0;
		padding-bottom:5px;
	}

div#projet span{
		color:red;
		font:12px arial;
	}

div.champ{
		width:290px;
		float:left;
		margin:10px 0px 5px 0px;
	}

div.champLarge{
		width:400px;
		float:left;
		margin:10px 0px 10px 0px;
	}

div.champ input{
		float:right;
		width:150px;
		height:15px;
		border:1px solid #d0d0d0;
	}

div.champ label{
		display:block;
		float:left;
	}

div.champ p{
		height:15px;
	}

p.ecart{
		padding-bottom:0px !important;
}

p.strong{
		color:black !important;
		font:bold 11px Arial !important;
	}

p.strong2{
		color:black !important;
		font:11px Arial !important;
	}

div.champ textarea{
		height:80px;
		width: 260px;
		margin:1px 0px 0px 10px;
		border:1px solid #d0d0d0;
		font: 11px arial;
	}

textarea.textarea2{
		height:80px;
		width: 260px;
		margin:10px 0px 0px 10px !important;
		border:1px solid #d0d0d0;
		font: 11px arial;
	}

textarea.large{
		height:80px;
		width: 380px !important;
		margin:2px 0px 0px 10px;
		border:1px solid #d0d0d0;
	}

label.area{
		margin:10px 0px 0px 0px;
	}

div.checkbox{
		clear:left;
	}

input.submit{
		background-color:white;
		border: 0px;
		color:#daa520;
		font:bold 11px arial;
		text-decoration:none;
		float:right;
		margin:40px 20px 0px 0px;			
	}

label.radio{
		margin:0px 0px 0px 10px;
	}

input.radio{
		float:left !important;
		height:px !important;
		width:10px !important;
		margin:0px 0px 0px 10px;
		border:0px !important;
	}

input.submit2{
		margin:0px 20px 0px 0px !important;			
	}

input.submit3{
		margin:0px 20px 0px 0px !important;			
	}

a.submit4{
		float:right;
		margin:20px 20px 0px 0px;
	}

a.pdf{
		display : block;
		background:url(../images/logo_pdf.jpg) top left no-repeat;
		padding : 20px 0 8px 50px;
	}

a.souris{
		display:block;
		height:100px;
		background:url(../images/souris_rouge.jpg) no-repeat;
		background-position:0px 40px;
		padding:20px 0 0 75px;
	}





					/*Style du footer */



div#footer{
		height:70px;
		width:900px;
		margin:0px auto 0px auto;
		Background:url(../images/degrade_bas.jpg) no-repeat;
		clear: both;
	}
	
div#footer p{
		padding:15px 0px 0px 10px;
		color:white;
		font:10px arial;
	}