<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

ul{margin:0 0 0 20px;}
ol{margin:0 0 0 30px;}

dd{margin:0 0 0 20px;}

sup{vertical-align:super;line-height:20px;}

select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;}
	
	#global{position:relative;width:924px;text-align:left;margin:0 auto;background:url(/images/bg-global.gif) repeat-y 0 0;}
	
	#top{position:relative;width:100%;background:url(/images/bg-top.gif) no-repeat 0 0;padding-top:31px;z-index:2}
	#top_content{position:relative;margin:0 12px;}
	
	#middle{position:relative;width:100%;z-index:1}
	#middle_content{margin:0 12px;}
	
	#bottom{position:relative;width:100%;clear:both;background:url(/images/bg-bottom.gif) no-repeat 0 100%;padding:5px 0 15px 0;}
	#bottom_content{margin:0 12px;}
	
	/* ------------------------------------------------------------------------------------------------------ */
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	/* ------------------------------------------------------------------------------------------------------ */
	/* TOP */
		/* BANDEAU TOP */
		#flash_clock{position:absolute;width:274px;height:79px;overflow:hidden;left:626px;}
		.banniere{display:block;}
		
		/* MENU PAGES INTERIEURES */
		#menuhaut{position:relative;width:900px;margin:0 0 0 12px;border-top:4px solid #FFF;}
			/* Niveau 0 */
		#menu{position:relative;width:100%;height:21px;margin:0;padding:0;background:#7f3589;z-index:4;}
		#menu *{float:left;display:inline;font-family:Arial;}
		#menu li{position:relative;list-style:none;}
		#menu li a{font-size:12px;font-weight:bold;color:#fff;line-height:21px;padding:0 15px;text-decoration:none;}
		#menu li a.selected{font-weight:bold;}
			/* Niveau 1 */
		#menu ul, #menu iframe{position:absolute;width:130px;display:none;left:0;top:20px;text-align:center;}
		#menu iframe{z-index:1;}
		#menu ul{z-index:2;margin:0;padding:0;}
		#menu ul *{float:none;display:block;clear:both;}
		#menu ul li{position:relative;width:100%;border-top:1px solid #7f3589;}
		#menu ul li a{display:block;width:100%;padding:3px 0;color:#fff;line-height:1.2em;}
		#menu ul li a:hover{color:#7f3589;}
			/* Couleur menu (Vert par defaut) */
		#menuhaut{border-color:#d4d600;}
		#menu li a.selected{color:#d4d600;}
		#menu ul{background:#d4d600;}
		#menu ul li a{background:#d4d600;}
		#menu ul li a:hover{background:#EAEA80;}
			/* Couleur menu (Bleu) */
		.back01 #menuhaut{border-color:#5cc5ed;}
		.back01 #menu li a.selected{color:#5cc5ed;}
		.back01 #menu ul{background:#5cc5ed;}
		.back01 #menu ul li a{background:#5cc5ed;}
		.back01 #menu ul li a:hover{background:#a2daf3;}
			/* Couleur menu (Orange) */
		.back02 #menuhaut{border-color:#f29400;}
		.back02 #menu li a.selected{color:#f29400;}
		.back02 #menu ul{background:#f29400;}
		.back02 #menu ul li a{background:#f29400;}
		.back02 #menu ul li a:hover{background:#F8CA80;}
	
	
	/* MIDDLE */
		#logo{margin:8px 0 0 24px;}
		.contenu_general{ float:left;width:518px; background-color:#D4D600}
		.contenu_general1{ float:left;width:518px; background-color:#5cc5ed}
		.contenu_general2{ float:left;width:760px; background-color:#5cc5ed}
		.contenu_general3{ float:left;width:760px; background:url(/images/bg-villavenirtv.gif) top right no-repeat}
		.contenu_general4{ float:left;width:760px; background-color:#D4D600}
		.contenu_general5{ float:left;width:760px; background-color:#f29400}
		.contenu_general6{ float:left;width:760px}
		.contenu_general7{ float:left;width:760px; background:url(/images/bg-partenaire.gif) 0 0 repeat-y; border:1px solid #d0b5d4}
		.contenu {float:left;width:410px;}
		.contenu p{margin:0pt 0pt 10px;color:#7F3589;}
		.contenu1 {float:left;width:470px;}
		.contenu2 {float:left;width:470px;margin-top:10px}
		.contenu_confirm_contact{ float:left;width:760px}
		.contenu_confirm_contact p{margin:0pt 0pt 10px;color:#7F3589;}
		#pane2 h2{color:#7F3589;font-weight:bold;}
		
		
	/* BOTTOM */
		/* Partenaires  - Liens */
		#bottom ul{float:left;display:inline;margin:0;}
		#bottom ul#liens{float:right;display:inline;margin:0 20px 0 0;}
		#bottom ul li{float:left;display:inline;margin:0 20px;list-style:none;}
		#bottom ul li.autres{margin:10px 0 0 50px;}

		#logo_partenaire{float:left;display:inline;width:430px;height:49px;margin:0 0 0 25px;position:relative;}
		#logo_partenaire_left, #logo_partenaire_right{position:absolute;top:18px;}
		#logo_partenaire_left{left:-21px;}
		#logo_partenaire_right{right:-21px;}
		#logo_partenaire_content00{position:relative;width:100%;height:49px;overflow:hidden;}
		#logo_partenaire_content01{position:relative;top:0;left:0;width:5000%;}
		#logo_partenaire_content01 a{margin:0 10px 0 0;}

		#bottom ul#liens li{margin:10px 5px 0 5px;}
		#bottom ul#liens li a, #bottom ul#liens li span{color:#87888a;text-decoration:none;}
		#bottom ul#liens li a:hover{text-decoration:underline;}
	/* Image bas */	
		.image_bas{ float:left;}

	/* Margin */	
		.margin_r_10{ margin-right:10px; }
		.margin_l_140 {margin-left:80px;}
		.margin_b_5 {margin-bottom:5px;}
		.margin_t_80 {margin-top:80px;}

/*************************************************************************************************************************************************************************/
/* ID / CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	/* Les Titres */
	.titre00{font-family:Arial;font-size:20px;color:#f29400;text-transform:uppercase;font-weight:bold; margin-bottom:15px}
	.titre01{font-family:Arial;font-size:14px;color:#fff;text-transform:uppercase;font-weight:bold;}
	.titreagenda{font-family:Arial;font-size:14px;color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;}
	.titre02{font-size:14px;color:#7f3589;text-transform:uppercase;font-weight:bold;}
	.titre04{color:#7f3589; font-size:12px; font-weight:bold;}
	.titre05{color:#7f3589; font-size:12px; font-weight:bold; text-transform:uppercase}
	.titre06{font-size:13px;color:#7f3589;font-weight:bold;}
	.titre07{font-size:11px;color:#7f3589;}
	.titre08{font-size:12px;color:#7f3589;}
	.titre08:hover{font-size:12px;color:#7f3589;text-decoration:underline;}
	
	/* Les Liens */
	.titre03{color:#7f3589; font-size:11px; text-decoration:underline}
	.lien01 {color:#7f3589; font-size:12px; text-decoration:underline}
	.lien02 {color:#7f3589; font-size:12px; font-weight:bold; display:block; margin-top:5px; text-decoration:none}
	.lien03 {color:#fff; font-size:12px; text-decoration:none}
	.lien03:hover {text-decoration:underline}
	.lien04 {color:#7f3589; font-size:12px;font-weight:bold; text-transform:uppercase}
	.lien05{font-size:11px;color:#7f3589;text-decoration:none}
	.lien06 {color:#7f3589; font-size:12px; font-weight:bold; display:block; margin-top:5px; text-decoration:underline}
	.lien07 {color:#7f3589; font-size:12px; text-decoration:none; font-style:italic;}
	.lien07:hover {text-decoration:underline}
	.lien08 {color:#7f3589; font-size:12px; text-decoration:none;font-weight:bold}
	.lien08:hover {text-decoration:underline;font-weight:bold}

	/* Les Block avec coins */
	.block_coins{position:relative;width:100%;height:0px;line-height:0px;font-size:0px;z-index:999;}
	.coins{position:absolute;}
	.coinHG, .coinHD{top:0;background:url(/images/bg-blank.gif) no-repeat 0 0;}
	.coinBG, .coinBD{bottom:0;background:url(/images/bg-blank.gif) no-repeat 0 0;}
	.coinHG, .coinBG{left:0;}
	.coinHD, .coinBD{right:0;}
	
	.coinHG00{width:12px;height:12px;}
	.coinHD00{width:12px;height:12px;}
	.coinBG00{width:12px;height:12px;}
	.coinBD00{width:12px;height:12px;}

	/* Bloc contenant des floats */
	.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
	.float_left {float:left;width:242px}
	
	.fl_left {float:left;}
	.fl_right {float:right;}
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la HOME */ 
/*************************************************************************************************************************************************************************/
	/* #home #menuhaut{display:none;} */

	#block_home_left, #block_home_right, #block_home_left1, #block_home_right1 {float:left;display:inline;margin:20px 0 0 0;}
	#block_home_left{width:228px;margin-left:14px;}
	#block_home_right{width:623px;margin:0px;}

	.block_home{position:relative;width:100%;margin:2px 0 0 0;}
	.block_home_content{position:relative;padding:10px 2px 10px 10px;}
	.block_home, .block_home a{color:#fff;}
	.block_home ul{position:relative;margin:10px 0 0 10px;}
	.block_home ul li{list-style:disc;}
	
	.block_home1 .block_home_content{background:#d4d600;}
	.block_home2 .block_home_content{background:#009ee0;}
	.block_home3 .block_home_content{background:#7f3589;}
/*************************************************************************************************************************************************************************/

/* Bloc css enjeu */ 
/*************************************************************************************************************************************************************************/
	#enjeu{position:relative;width:688px;overflow:hidden;margin:0 auto;background:blue;}
	#enjeu .titre00{padding:5px 0 10px 20px;margin-top:4px; background-color:#CC6600}
	#enjeu #content{background:#d4d600;}

	
/*************************************************************************************************************************************************************************/
/* Bloc css vie de chantier */ 
/*************************************************************************************************************************************************************************/
	#block_home_left1{width:252px;margin-left:14px;} 
	#block_home_right1{width:598px;margin:0px;}
	
	.filiere {width:480px;margin:0 0 10px 5px; clear:both}
	.filiere_txt { float:left; width:240px;margin:0 0 20px;}
	.filiere_visuel {float:right; width:100px;margin:0 0 0 20px}
	.filiere_visuel_lien { float:left;margin:4px 0 0 0}
	.filiere_visuel img {float:right}
	.doc_technique {background-color:#a2daf3;padding:8px; margin-top:15px;}
	select {width:250px;font-size:11px; height:20px; color:#7f3589;}
	input.bt_ok {width:14px; height:20px; border:none;}
	fieldset {display:inline}
	
/*************************************************************************************************************************************************************************/

/* Bloc css agenda */ 
/*************************************************************************************************************************************************************************/
	.contenu_agenda {float:left;width:740px;margin:0 0 10px 0; padding-top:10px;}
	.photo_agenda {float:left;width:110px; text-align:center}
	.txt_agenda {float:left;width:600px; margin-left:20px }
	.contenu_agenda img {margin:0 10px 10px 0} 
	.contenu_agenda h2 {display:inline}
	.position_pagination {position:relative;}
	#pagination {position:absolute; top:13px; left:650px}
	
	
/*************************************************************************************************************************************************************************/

/* Bloc css villavenir tv */ 
/*************************************************************************************************************************************************************************/
	.contenu_villavenir_tv {float:left;width:422px; background-color:#D4D600}
	.contenu_villavenir_tv1 {float:left;width:400px}
	.contenu_villavenir_tv1 p, .contenu_villavenir_tv p, .contenu_villavenir_tv h2, .contenu_villavenir_tv1 h2{margin:0pt 0pt 10px;color:#7F3589;}
	.min-height {float:left;width:0; height:284px;} 
	#video_tv {float:left;width:308px; margin:10px 0 0 20px;}
	.play {position:absolute;}
	
/*************************************************************************************************************************************************************************/
/* Bloc css thecnopro */ 
/*************************************************************************************************************************************************************************/
	.infos {background-color:#EAEA80;padding:5px 8px; margin:10px 0;}
	
/*************************************************************************************************************************************************************************/
/* Bloc css newsletter et contact*/ 
/*************************************************************************************************************************************************************************/
	.newsletter{width:700px; margin-top:15px; color:#7F3589;}
	.newsletter label {float:left; width:120px}
	.newsletter p {float:left; width:400px}
	.erreur{color:#FF0000}
	.newsletter label span{color:#FF0000}
	.newsletter select{vertical-align:middle; margin-bottom:5px; font-size:11px; width:255px; color:#7F3589}
	.newsletter textarea{vertical-align:middle; margin-bottom:5px; font-size:11px; width:350px; color:#7F3589}
	.newsletter input{vertical-align:middle; margin-bottom:5px; font-size:11px; width:250px; color:#7F3589}
	.newsletter input.radio{margin-right:5px; width:15px}
	.newsletter .civilite{padding-right:15px}
	.news-intro{color:#7F3589}
	span.bouton01{vertical-align:middle; padding:2px 8px; font-size:12px;border:0;color:#CEBADA;width:auto;height:20px;}
	.bouton01 {background:#7F3589;  color:#CEBADA; font-weight:bold; padding:0 5px 0 5px; text-decoration:none; vertical-align:middle; line-height:1.7em}
	.bouton01:hover{background:#f29400; color:#fff}
	.contact_valider {width:470px; text-align:right}
	.newsletter_valider {width:372px; text-align:right}
	
	.pavenews{overflow:hidden; background:url(/images/titre-news-repeat.gif) repeat-y 20px; width:250px; float:right; margin-left:15px;}
	.pavenews ul{background:url(/images/titre-news.gif) no-repeat; overflow:hidden; padding-top:42px}
	.pavenews ul li{display:block;  list-style-type:none}
	.pavenews ul li a{text-decoration:none; color:#663399; margin-left:10px; display:block}
	.pavenews ul li a:hover{text-decoration:underline}
	.pavenews .bas{background:url(/images/titre-news-bas.gif) 0 0 no-repeat; height:6px; display:block; width:163px;margin:0 0 0 20px;}
	.pavenews ul li span{float:left; width:60px; font-size:10px; color:#663399; font-weight:bold}
	.pavenews ul li span.tiret{text-decoration:none; float:left; width:5px}
	.pavenews a .bt_ok {width:14px; height:20px; border:none; margin:4px 0 0 0;}
	.pavenews select{width:120px;margin:4px 0 0 30px;}
	
/*************************************************************************************************************************************************************************/
/* Bloc css faq */ 
/*************************************************************************************************************************************************************************/
	.txt_faq {width:96%; padding:5px 0 5px 0; margin:2px 0 2px 0}

	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css formation */ 
/*************************************************************************************************************************************************************************/
	.contenu_formation {float:left;display:inline;width:390px;margin:0 0 0 10px;}
	.contenu_formation .titre05{padding:0 0 5px 0;}
/*************************************************************************************************************************************************************************/


/*************************************************************************************************************************************************************************/
/* Bloc css maison */ 
/*************************************************************************************************************************************************************************/
#liste_image{position:relative;width:242px;height:270px;overflow:hidden;}
/*************************************************************************************************************************************************************************/

.mceContentBody{color:#7F3589}
-->