/* style appliqué a toute la page */
*{
	padding:0px;
	margin:0px;
	}


			/* HEADER */



/* style du bloc contenant tout le site */
div.conteneur{
		width:895px;
		margin:10px auto auto auto;
	}


/* Style du bloc de la banniere */
div.banniere{
		width:895px;
		height:81px;
	}

div.portail{
		height:20px;
		float:right;
		margin:20px 20px 0px 0px;
		background:url(../images/portaildelacreation_picto.jpg) no-repeat;
	}

div.portail p{
		margin:3px 0px 0px 20px;
		color: #737373;
		font:9px arial;
}

a.portail{
		text-decoration:none;
		color: #737373;
		font:9px arial;
	}

/* style du logo de la bannière */
div.logo{
		width:291px;
		height:81px;
		background:url(../images/logo.jpg) no-repeat white;
		float:left;	
	}


/* style du slogan de la banniere */
div.slogan{
		width:594px;
		height:37px;
		font: bold 12px arial;
		float:left;
	}

div.slogan h1{
		width:290px;
		color:black;
		font:bold 16px Arial;
		margin-top:15px;
		float:left;
	}

div.slogan h2{
		width:275px;
		color:black;
		font:bold 13px Arial;
		margin-top:17px;
		float:left;
	}


/* bandeau noir sous la banniere */
div.bandeau_noir{
		clear:left;
		width:895px;
		height:35px;
		background-color:#282828;
	}


/* style du menu horizontal */
div.menu{
		width:893px;
		height:42px;
		background:url(../images/degrade.jpg) repeat-x;
		border-left:1px solid #d7d8da;
		border-bottom:1px solid #d7d8da;
		border-right:1px solid #d7d8da;	
	}

div.menu ul{
		height:15px;
		padding:12px 0px 13px 0px;
}

div.menu li{	
		display:inline;
 	}

div.menu a{
		text-decoration:none;
		color:#737373;
		font: bold 13px Arial;
		padding:15px 35px 12px 38px;
	}

a.select{
		text-decoration:none;
		color:white !important;
		font: bold 13px Arial;
		background-color:#33426d;
	}

div.menu a:hover{
		text-decoration:none;
		color:white;
		font: bold 13px Arial;
		background-color:#33426d;
	}


/* style du bloc recherche */
div.menu_recherche{
		width:897px;
		height:307px;
		margin-top:20px;
	}

div.top_recherche{
		width:215px;
		height:297px;
		float:left;	
		border-bottom:8px solid #d7d8da;
	}

div.recherche{
		width:666px;
		height:307px;
		float:left;
		margin-left:14px;
	}

div.titre_top_recherche{
		width:177px;
		height:21px ;
		background-color:#eeeeee;
		font:bold 13px arial;
		color:#737373;
		padding:5px 0px 0px 10px;
		border-left:28px solid #d7d8da;
		border-bottom:10px solid #d7d8da;
	}

div.bandeau_gris{
		width:28px;
		height:258px;
		background-color:#d7d8da;
		padding:3px 0px 0px 0px;
		float:left;
	}

div.bandeau_gris ul{
		width:28px;
		height:258px;
	}

div.bandeau_gris li{
		width:28px;
		height:19px;
		margin-top:7px;
		background:url(../images/fleche_top.jpg) no-repeat;
		list-style-type:none;
	}

div.menu_top10{
		width:187px;
		height:258px;
		background-color:white;
		float:left;
	}

div.menu_top10 ul{
		width:187px;
		height:261px;
		background-color:#eeeeee;
		color:#737373;
		font:11px arial;
	}

div.menu_top10 li{
		width:182px;
		height:17px;
		background-color:#eeeeee;
		padding:8px 0px 0px 5px;
		border-top:1px solid #d7d8da;
		list-style-type:none;
	}

div.menu_top10 a{
		text-decoration:none;
		color:#737373;
		font:11px arial;
	}

div.image_ordi{
		width:357px;
		height:269px;
		background:url(../images/photo_recherche.jpg) no-repeat;
		float:left;
	}

div.zone_recherche{
		width:302px;
		height:269px;
		background:url(../images/recherche.jpg) no-repeat;
		float:left;
		margin-left:7px;
	}

div.zone_recherche p{
		width:150px;
		height:70px;
		color:white;
		font:12px arial;
		margin:70px 0px 0px 30px;
	}

div.zone_recherche input{
		margin-top:20px;
	}


input.submit_recherche{
		width:35px !important;
		height:20px;
		color:#737373;
		font: 12px arial;
		text-decoration:none;
		background-color:#eeeeee;
		border:0px;
	}

p.pos_submit_recherche{
		margin:0px 0px 0px 140px !important;
		width:100px !important;
	}

div.menu_lettre{
		clear:both;
		width:665px;
		height:28px;
		background-color:#eeeeee;
		border-bottom:8px solid #d7d8da;
	}

div.menu_lettre ul{
		padding-top:5px;
	}

div.menu_lettre li{
		display:inline;
		margin:0px 7px 0px 8px;
	}

div.menu_lettre a{
		text-decoration:none;
		color:#737373;
		font: bold 15px Arial;
	}


/* style du bloc centrale */
div.bloc_centrale{
		width:895px;
		/*height:200px;*/
		margin-top:20px;
	}

div.sondage{
		width:206px;
		height:90px;
		padding:0px 0px 5px 7px;
		background:url(../images/bandeau_bleu.jpg) repeat-x;
		border:1px solid #d7d8da;
		float:left;
	}

p.titre_sondage{
		color:#737373 !important;
		font:bold 13px arial !important;
		margin:10px 0px 10px 10px !important;
	}
		
div.sondage p{
		color:black;
		font:bold 11px arial;
		margin:8px 0px 0px 10px;
	}

div.sondage input{
		margin-right:15px;
		vertical-align:top;
	}

p.decalage_particulier{
		margin:0px 0px 20px 38px !important;
	}

input.submit_sondage{
		width:70px;
		height:20px;
		color:#737373;
		font: 12px arial;
		text-decoration:none;
		background-color:#d7d8da;
		border:0px;
		float:right;
	}



		/* PARTIE DYNAMIQUE */



/* style du centre du bloc centrale qui contiendra les définitions */
div.def{
		width:357px;
		min-height:200px;
		margin-left:14px;
		float:left;
		background:url(../images/punaise_barre.jpg) no-repeat;
	}

div.def h1{
		color:#737373;
		font:11px arial;
		margin:15px 0px 0px 0px;
		text-align:justify;
	}

div.def h2{
		color:#116194;
		font: bold 11px arial;
		margin:30px 0px 0px 0px;
	}

div.def h3{
		color:#116194;
		font:bold 16px arial;
		margin:15px 0px 0px 50px;
	}

div.def a{
		color:#69ad24;
		font:11px arial;
		text-decoration:none;
		margin:10px 5px 0px 0px;
		float:right;
	}

div.liens{
		width:292px;
		height:200px;
		margin-left:7px;
		float:left;
		background:url(../images/punaise_barre.jpg) no-repeat;
	}

div.liens h3{
		width:230px;
		color:#116194;
		font:bold 16px arial;
		margin:15px 0px 20px 50px;
	}

div.liens p{
		width:282px;
		height:24px;
		padding:5px 0px 0px 10px;
	}

div.liens a{
		text-decoration:none;
		color:black;
		font:12px arial;
	}

p.fonce{
		background-color:#eeeeee;
	}

p.clair{
		background-color:#f6f6f6;
}



		/* FOOTER */



div.footer{
		clear:both;
		width:895px;
		height:405px;
		margin-top:30px;
	}

div.createst{
		width:280px;
		height:250px;
		background-color:#282828;
		margin-top:50px;
		float:left;
		position:relative;
	}

div.img_crea{
		width:215px;
		height:88px;
		background:url(../images/creatests.jpg) no-repeat;
		position:absolute;
		left:15px;
		top:-50px;
	}

div.annu{
		width:332px;
		height:250px;
		margin-top:50px;
		background-color:#282828;
		float:left;
		position:relative;
	}

div.img_annu{
		width:215px;
		height:88px;
		background:url(../images/annuaire.jpg) no-repeat;
		position:absolute;
		left:60px;
		top:-50px;
	}

div.news{
		width:283px;
		height:250px;
		margin-top:50px;
		background-color:#282828;
		float:left;		
		position:relative;
	}

div.img_news{
		width:215px;
		height:88px;
		background:url(../images/newsletter.jpg) no-repeat;
		position:absolute;
		left:50px;
		top:-50px;
	}

div.texte{
		width:215px;
		height:225px;
	}

div.texte h2{
		color:white;
		font:10px arial;
		margin-top:10px;	
	}

div.texte h3{
		color:#116194;
		font:bold 12px arial;
		margin-top:50px;
	}

div.texte strong{
		color:white;
		font:bold 11px arial;
	}

div.texte a{
		text-decoration:none;
		color:#69ad24;
		font:11px arial;
		margin:15px 0px 15px 0px;
		float:right;
	}

div.lien_gris{
		width:215px;
		height:85px;
		margin-top:10px;
		float:left;
	}

a.lien_gris{
		clear:both;
		float:left !important;
		color:#737373 !important;
		font:11px arial !important;
		margin:0px !important;
	}

div.pos_crea{
		margin-left:15px;
	}

div.pos_annu{
		width:215px !important;
		margin-left:60px;
	}

div.pos_news{
		margin-left:50px;
	}

div.barre_vertical{
		width:1px;
		height:165px;
		border-right:1px solid #737373;
		margin-top:40px;
		float:right;
	}

div.lien_footer{
		clear:both;
		width:875px;
		height:75px;
		padding-top:30px;
		margin:0px 10px 0px 10px;
		text-align:justify;
		line-height:0px;
	}

div.lien_footer a{
		text-decoration:none;
		color:#bdbdbd;
		font:11px arial;
		margin-top:-2px
	}

a.centre_lien{
		margin-left:120px;
	}



		/* STYLE DES ELEMENT DE FORMULAIRE */

div.form{
		width:664px;
		/*min-height:200px;*/
		background:url(../images/punaise_barre.jpg) no-repeat;
		margin-left:14px;
		float:left;
	}


div.form h3{
		color:#116194;
		font:bold 16px arial;
		margin:15px 0px 25px 50px;
	}

div.form p{
		width:664px;
		margin-top:5px;
		color:#737373;
		font:13px arial;
		float:left;
	}

p.espace_top{
		margin-top:20px !important;
	}

p.espace_bottom{
		margin-bottom:10px !important;
	}

div.form label{
		width:110px;
		float:left;
	}

div.form input{
		width:200px;
		margin-left:30px;
		border:1px solid #d7d8da;
	}


div.form select{
		width:202px;
		margin-left:30px;
		border:1px solid #d7d8da;
	}

div.form textarea{
		width:450px;
		height:60px;
		margin-left:30px;
		overflow:auto;
		border:1px solid #d7d8da;
	}

div.form span{
		color:red;
		font:12px arial;
	}	

input.valid_def{
		width:35px !important;
		height:20px;
		color:#737373;
		font: 12px arial;
		text-decoration:none;
		background-color:#d7d8da;
		margin:10px 72px 0px 0px !important;
		float:right;
		border:0px;
	}

div.form a{
		text-decoration:none;
		color:#69ad24;
		font:11px arial;
		margin:15px 72px 0px 0px;
		float:right;
	}

a.mot-trouve{
		color:#69ad24 !important;
		font:11px arial !important;
		margin:0px 3px 0px 3px !important;
		float:left !important;
	}

a.lien_gris_droite{
		text-decoration:underline!important;
		float:right!important;
		color:#737373 !important;
		font:12px arial !important;
		margin:0px 20px 0px 0px !important;	
	}

input.submitButton{
		background-color:white;
		border:0px !important;
		color:#69ad24;
		font:12px arial;
		margin:15px 0px 0px 0px;
		float:right;
		cursor: pointer;
		
	}

div.pagination_border{
		margin-top:10px;
		padding-top:10px;
		border-top:1px solid #d7d8da;
	}

div.pagination{
		width:664px;
		margin-left:14px;
		float:right;	
	}

div.pagination h3{
		color:#116194;
		font:bold 16px arial;
		margin:15px 0px 35px 50px;
	}

div.pagination h2{
		color:#116194;
		font: bold 11px arial;
		margin:0px 0px 10px 0px;
	}

div.pagination a{
		text-decoration:none;
		color:#116194;
	}

div.pagination strong{
		color:#737373;
		font:11px arial;
	}

div.numerotation{
		float:right;
		margin:10px 10px 10px 0px;
	}

div.numerotation p{
		color:#69ad24;
		font:11px arial;
	}

div.numerotation a{
		text-decoration:none;
		color:#69ad24;
		font:11px arial;
	}

a.bold{
		font:bold 11px arial !important;
	}