<!--
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:11px/1.2em Arial, Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 20px;}
ol{margin:0 0 0 30px;}

dd{margin:0 0 0 20px;}

select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background:#30281b url(../images/bg-background-general.gif) repeat-x 0 0;}
	
	.code_barre{position:absolute;top:14px;left:0;display:block;z-index:99;}
	#global{position:relative;width:1024px;text-align:left;margin:0 auto;}
	
	#top{position:relative;width:100%;height:128px;background:url(../images/bg-header.gif) no-repeat 0 0;}
		#top .intitule{position:absolute;top:10px;left:183px;width:405px;height:45px;cursor:pointer;z-index:100;}
		#top #menu_top{position:absolute;bottom:2px;right:60px;width:390px;margin:0;padding:0;}
		#top #menu_top li{position:relative;float:left;display:inline;background:url(../images/bg-separator02.gif) no-repeat 0 0;margin:0 4px 0 0;padding:0 0 0 5px;}
		#top #menu_top li.first{background:none;padding:0;}
		#top #menu_top li a{display:block;line-height:24px;font-size:12px;font-weight:bold;background:none;margin:0 1px;padding:0 10px;color:#2f271b;text-decoration:none;}
		#top #menu_top li a:hover, #top #menu_top li a.actif{background:url(../images/bg-menu-top.gif) repeat-x 0 0;color:#7cad00;}
	
	#middle{position:relative;width:100%;height:532px;background:url(../images/bg-background-marron.gif) repeat-x 0 0;}
		#middle #fil_arriane{position:relative;width:100%;height:20px;padding:5px 0 0 0;overflow:hidden;}
		#middle #fil_arriane ul{position:relative;margin:0 0 0 75px;padding:0;}
		#middle #fil_arriane ul li{position:relative;float:left;display:inline;background:url(../images/bg-puce01.gif) no-repeat 0 5px;margin:0 5px 0 0;padding:0 0 0 6px;}
		#middle #fil_arriane ul li.first{padding:0;background:none;}
		#middle #fil_arriane ul li a{position:relative;color:#7cad00;font-size:10px;text-decoration:none;}	
		#middle #fil_arriane ul li a:hover{text-decoration:underline;}	
		
		#middle #middle_content{position:relative;width:900px;height:486px;margin:0 0 0 62px;}
	
	#bottom{position:relative;width:100%;clear:both;}
		#bottom #menu_bottom{position:relative;width:440px;margin:0 0 0 300px;padding:0;overflow:hidden;}
		#bottom #menu_bottom li{position:relative;float:left;display:inline;background:url(../images/bg-separator01.gif) no-repeat 0 2px;margin:0 5px 0 0;padding:0 0 0 6px;list-style-type:none;}
		#bottom #menu_bottom li.first{background:none;padding:0;}
		#bottom #menu_bottom li a{font-family:verdana;font-size:11px;color:#909090;text-decoration:none;}
		#bottom #menu_bottom li a:hover, #bottom #menu_bottom li a.actif{color:#7cad00;text-decoration:underline;}
		
	/* popup fond transparent */
	.ImagePopUp{position:absolute;top:48px;left:24%;z-index:1000;}

	/* MODULES DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/

	/* 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;}
	
	/* titres */
	.titre01{font-size:12px;letter-spacing:1em;margin:0 0 3px 0;font-weight:bold;}
	.titre02{font-size:16px;margin:0 0 3px 0;font-weight:bold;}
	.titre03{font-size:12px;font-weight:bold;color:#7cad00;}
	
	/* textes */
	.texte01{font-size:12px;color:#eaebea;}
	.texte02{font-size:11px;color:#7cad00;}
	.texte03{font-size:11px;color:#222;}
	.texte04{font-size:10px;color:#333;}
	.texte05{font-size:10px;color:}
	
	/* Liens */
	.Lien01{color:#eaebea;text-decoration:underline;}
	.Lien01:hover{text-decoration:none;}
	.Lien02{display:block;background:url(../images/bg-bouton01.gif) no-repeat 0 0;padding:0 0 0 20px;color:#eaebea;line-height:16px;text-decoration:underline;}
	.Lien02:hover{text-decoration:none;}
	.Lien03{display:block;background:url(../images/bg-bouton02.gif) no-repeat 0 0;padding:0 0 0 20px;color:#000;line-height:16px;text-decoration:underline;}
	.Lien03:hover{text-decoration:none;}
	
	/* listes */
	ul.liste01{position:relative;margin:0;padding:0;}
	ul.liste01 li{position:relative;margin:0;padding:3px 0 0 10px;list-style-type:none;background:url(../images/bg-puce02.gif) no-repeat 0 8px;}
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page HOME PAGE */ 
/*************************************************************************************************************************************************************************/
	body#home_page{color:#eaebea;}
	
	#middle #middle_content #col01, #middle #middle_content #col02, #middle #middle_content #col03{position:relative;float:left;display:inline;}
	#middle #middle_content #col02, #middle #middle_content #col03{margin:0 0 0 10px;}
	#middle #middle_content #col01, #middle #middle_content #col02{width:340px;}
	#middle #middle_content #col03{width:200px;background:#594930 url(../images/bg-col03-top.gif) no-repeat 0 0;height:100%;}
	
	/* Coordonnée */
	#coordonnee{position:relative;width:100%;overflow:hidden;}
		#coordonnee .photo_coordonnee, #coordonnee .information_coordonnee{float:left;display:inline;}
		#coordonnee .photo_coordonnee{margin:0 10px 5px 0;}
		#coordonnee .information_coordonnee{width:205px;}
		
	.evaluation_competence{position:relative;display:block;margin:15px 0 15px 30px;}
	
	/* col03 */
	#middle #middle_content #col03 .col03_content{position:relative;width:180px;height:130px;margin:10px 10px 0 10px;}
		#middle #middle_content #col03 .col03_content .intitule{margin:0 0 4px 0;font-weight:bold;}
		#middle #middle_content #col03 .col03_content .logo{float:left;display:inline;margin:5px 7px 0 0;}
		#middle #middle_content #col03 .col03_content .contenu{}
		#middle #middle_content #col03 .col03_content  .Lien02{margin:10px 0 0 90px;}
		#middle #middle_content #col03 .separator{position:relative;width:100%;height:10px;background:url(../images/bg-separator03.gif) repeat-x 0 0;margin:15px 0 0 0;overflow:hidden;}
		
		#middle #middle_content #col03 .zoom_content{position:absolute;bottom:0;left:0;width:100%;height:175px;background:#50422d url(../images/bg-zoom.gif) no-repeat 5px 6px;z-index:10;}
		#middle #middle_content #col03 .zoom_content .intitule{margin:0 0 4px 0;font-weight:bold;}
		#middle #middle_content #col03 .zoom_content .zoom{position:relative;width:180px;height:145px;margin:10px 0 0 10px;}
		#middle #middle_content #col03 .zoom_content .zoom img{float:left;display:inline;margin:0 5px 0 0;}
		#middle #middle_content #col03 .zoom_content .zoom  .Lien02{margin:5px 0 0 90px;}
		
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page Integration Web */ 
/*************************************************************************************************************************************************************************/
	.block_integration{float:left;display:inline;width:172px;height:216px;margin:0 8px 8px 0;}
		.block_integration_top{position:relative;width:172px;height:114px;}
		.block_integration_top img{position:relative;display:block;border:0;}
		.block_integration_top a{position:absolute;bottom:13px;right:22px;color:#5C4D33;font-size:12px;font-weight:bold;text-decoration:underline;}
		.block_integration_top a:hover{text-decoration:none;}
		
		.block_integration_bottom{position:relative;width:172px;height:102px;background:url(../images/integration/bg-integration-bottom.gif) no-repeat 0 0;}
		.block_integration_bottom .block_integration_content{position:relative;width:162px;height:82px;margin:0 5px;}
		.block_integration_bottom a{display:block;margin:0 0 0 55px;}

		
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page Audiovisuel */ 
/*************************************************************************************************************************************************************************/
	#audiovisuel #middle_content .block_left, #audiovisuel #middle_content .block_right{float:left;display:inline;position:relative;}
	#audiovisuel #middle_content .block_audio, #audiovisuel #middle_content .block_video{position:relative;height:406px;}
	#audiovisuel #middle_content .block_audio_content, #audiovisuel #middle_content .block_video_content{position:relative;padding:10px 0;margin:0 10px;}
	#audiovisuel #middle_content .Intitule{margin:5px 0 5px 10px;}
	
	/* audio */
	#audiovisuel #middle_content .block_left{width:355px;}
	#audiovisuel #middle_content .block_audio{width:355px;background:url(../images/cadre03.gif) no-repeat 0 0;}
	#audiovisuel #middle_content .block_audio_content{width:335px;}
	
	#audiovisuel #middle_content .block_audio .titre03{margin:0 0 5px 0;}
	#audiovisuel #middle_content .block_audio .commentaire{margin:2px 0 0 5px;}
	
	/* video */
	#audiovisuel #middle_content .block_right{width:535px;margin:0 0 0 10px;}	
	#audiovisuel #middle_content .block_video{width:535px;background:url(../images/cadre04.gif) no-repeat 0 0;}
	#audiovisuel #middle_content .block_video_content{width:515px;overflow:hidden;}
	#audiovisuel #middle_content .block_video_content .video_left, #audiovisuel #middle_content .block_video_content .video_right{float:left;display:inline;}
	#audiovisuel #middle_content .block_video_content .video_left{width:260px;}
	#audiovisuel #middle_content .block_video_content  .commentaire{margin:3px 0 0 0;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page Contact */ 
/*************************************************************************************************************************************************************************/
	#contact #middle_content .cadre01{margin:5px 0 0 150px;}
	#contact #middle_content .intro{position:relative;margin:20px 0 0 170px;}
	.cadre01{position:relative;width:660px;}
		.cadre01 .cadre_top, .cadre01 .cadre_bottom{position:relative;display:block;width:100%;height:8px;overflow:hidden;}
		.cadre01 .cadre_top{background:url(../images/cadre-top01.gif) no-repeat 0 0;}
		.cadre01 .cadre_bottom{background:url(../images/cadre-bottom01.gif) no-repeat 0 0;}
		.cadre01 .cadre_middle{position:relative;width:100%;background:#FFF;}
		.cadre01 .cadre_middle_content{position:relative;width:590px;margin:0 0 0 20px;padding:10px 0;}
	
	.form_content{position:relative;width:100%;margin:10px 0 0 0;overflow:hidden;}
		.form_content label, .form_conten .input_text, .form_content textarea{float:left;display:inline;position:relative;}
		.form_content .input_text, .form_content textarea{border:1px solid #4E412D;background:#FFF;}
		.form_content label{font-size:12px;font-weight:bold;width:180px;margin:4px 5px 0 0;text-align:right;}
		.form_content .input_text{width:227px;padding:2px 0 2px 3px;}
		.form_content textarea{width:390px;height:130px;padding:5px;}
		.form_content .input_button{float:right;display:inline;position:relative;background:#2F271B;color:#FFF;border:0;padding:3px 10px;margin:0 3px 0 0;font-size:12px;font-weight:bold;}
		.form_content .champ_obligatoire{float:right;display:inline;}
		
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page Lien */ 
/*************************************************************************************************************************************************************************/
	.lien_content{position:relative;width:660px;margin:20px 0 0 150px;overflow:hidden;}
		.lien_content .intro{position:relative;width:100%;margin:0 0 0 20px;}
		.lien_content .lien_bloc{float:left;display:inline;position:relative;width:319px;height:92px;background:url(../images/cadre02.gif) no-repeat 0 0;margin:10px 10px 0 0;}
		.lien_content .lien_bloc_content{position:relative;width:309px;height:82px;margin:5px;overflow:hidden;}
		.lien_content .lien_bloc_content .left, .lien_content .lien_bloc_content .right{float:left;display:inline;position:relative;height:82px;}
		.lien_content .lien_bloc_content .left{width:109px;}
		.lien_content .lien_bloc_content .right{width:190px;margin:0 0 0 10px;}
		.lien_content .lien_bloc_content .right .intitule{display:block;font-weight:bold;margin:0 0 2px 0;}
		.lien_content .lien_bloc_content .right .savoir_plus{position:absolute;bottom:3px;left:0;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page Plan su site */ 
/*************************************************************************************************************************************************************************/
	#plan #middle_content .intro{position:relative;margin:20px 0 0 170px;}
	#plan #middle_content .cadre01{margin:5px 0 0 150px;}
	
	.plan_content{position:relative;width:100%;margin:12px 0;}
	.plan_content a{font-size:12px;font-weight:bold;display:block;background:url(../images/bg-bouton02.gif) no-repeat 0 0;padding:0 0 0 20px;color:#000;line-height:14px;text-decoration:none;}
	.plan_content a:hover{text-decoration:underline;}
	.plan_content a span{color:#666;font-size:11px;font-weight:normal;}
	.plan_content a:hover span{color:#666;text-decoration:none;font-size:11px;font-weight:normal;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page POPUP*/ 
/*************************************************************************************************************************************************************************/
	#popup{background:url(../images/bg-popup.gif) repeat-y 0 0;color:#eaebea;text-align:left;}
	#popup #popup_content{position:relative;width:460px;margin:20px 0 0 20px;}
	#popup #popup_content .logo{position:relative;margin:0 0 10px 0;}


/*************************************************************************************************************************************************************************/
-->