/* CSS Document */

	* {
		padding:0;
		margin:0;
		background-repeat:no-repeat;
		border:0;
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#6F5F50;
		text-decoration:none;
		}
	
	#tous{
		position:relative;
		width:770px;
		margin:0 auto;
		}
	
	#all{
		float:left;
		background:url(/library/ccilm/gabarits/img/structure/fond.gif) repeat-y;
		}
		
	a{text-decoration:none}
	a:hover{text-decoration:underline}
	
	.dotted{
		float:left;
		display:block;
		clear:both;
		width:100%;
		margin:0 0 2px -5px;
		height:2px;
		font-size:0.1em;
		background-image:url(/library/ccilm/gabarits/img/structure/recherche/dotted.gif);
		background-repeat:repeat-x;
	}
/*__________________________________________________________________ Head */
	#go_home {
		position:absolute;
		top:10px;
		left:25px;
		display:block;
		width:400px;
		height:43px
	}
	
	#head a{color:#9A9084}
	#head a:hover{text-decoration:underline}
	
	#head{
		float:left;
		width:100%;
		height:149px;
		}
		
		#head #headG{
			width:124px;
			height:149px;
			float:left;
			background-image:url(/library/ccilm/gabarits/img/structure/headG.gif);
			}
			
			#head #headG img{margin:11px 0 0 4px}
			
		#head #headD{
			width:646px;
			height:149px;
			float:left;
			background-image:url(/library/ccilm/gabarits/img/structure/headD.gif);
			}
			
			#head #headD img{margin:11px 0 0 0;float:left}
			
			#head #headD .outils{
				float:right;
				color:#9A9084;
				margin:4px 4px 0 0;
				}
/***************************************************************************/
	#pub{
		position:absolute;
		width:466px;
		height:58px;
		top:88px;
		left:50%;
		margin-left:-140px;
		}
			
/***************************************************************************/

/*_______________________________________________________________ Sommaire */
	
	
	#sommaire{
		float:left;
		width:214px;
		min-height:697px;
		}
	* html #sommaire{height:697px;}
	
	#sommaire .haut{
		width:200px;
		float:left;
		background-image:url(/library/ccilm/gabarits/img/structure/haut_sommaire.gif);
/*		height:242px;*/
		padding-top:4px;
		padding-bottom:5px;
		}
/*	* html #sommaire .haut{min-height:242px;}*/
		
	
	
	#sommaire .milieu{
		width:214px;
		float:left;
		/*margin-top:-68px;*/
		background:url(/library/ccilm/gabarits/img/structure/milieu_sommaire.gif) repeat-y;
		}
		
		#sommaire .milieu ul{
			display:block;
			background:url(/library/ccilm/gabarits/img/structure/ul_sommaire.gif) no-repeat;
			float:left;
			width:200px;
			}
		
		#sommaire .milieu ul li{
			display:block;
			margin:0px 0 0 0 ;
			clear:both;
			width:200px;
			float:left;
			background-image:url(/library/ccilm/gabarits/img/structure/dotted_sommaire.png);
			padding:5px 0;
			}

			* html #sommaire .milieu ul li{ 
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/library/ccilm/gabarits/img/structure/dotted_sommaire.png',sizingMethod='crop');
                background-image:none;
				padding-bottom:0;
			}
		
	#sommaire a.titre, #sommaire span.titre{
		clear:both;
		display:block;
		font-weight:bold;
		float:left;
		width:180px;
		font-size:1.2em;
		padding-left:15px;
		margin:0 0 0 2px;
		background-position:0px 1px;
		}
	* html #sommaire a.titre, #sommaire span.titre{}
		
	
	#sommaire a.t1,#sommaire span.t1{background-image:url(/library/ccilm/gabarits/img/elements_basics/fleche_blanche.gif); color:#6F5F50;}
	#sommaire a.t2,#sommaire span.t2{background-image:url(/library/ccilm/gabarits/img/elements_basics/fleche_rouge.gif); color:#6F5F50}
	#sommaire a.t3,#sommaire span.t3{background-image:url(/library/ccilm/gabarits/img/elements_basics/fleche_marron.gif); color:#6F5F50}				
		
	#sommaire .acces{
		width:214px;
		float:left;
		height:147px;
		padding-top:7px;
		background:url(/library/ccilm/gabarits/img/structure/acces_sommaire.gif);
		}
	
	
	
	
	
	
	#sommaire a.titre{text-decoration:none}
	#sommaire a:hover.titre{text-decoration:none}
	
		
		
		#sommaire .acces .r2{
		float:left;
		display:block;
		margin: 0 0 0 28px;
		}
		* html #sommaire .acces .r2{margin:3px 0 0 9px;}

		#sommaire .acces a.oubli{
			display:block;
			width:100px;
			clear:both;
			color:#019EE1;
			font-size:0.9em;
			margin-left:28px;
			}
		
		#sommaire .bas{
			width:214px;
			float:left;
			background-image:url(/library/ccilm/gabarits/img/structure/milieu2_sommaire.gif);
			}
	
	
	#sommaire .pt{
		background-image:url(/library/ccilm/gabarits/img/structure/dotted_sommaire.png);
		height:16px;
		width:200px;
		clear:both;
		display:block;
		float:left;
		/*background-color:#FF0000;*/
		}
		
	   * html #sommaire .pt {
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/library/ccilm/gabarits/img/structure/dotted_sommaire.png',sizingMethod='crop');
        background-image:none;
		background-position:6px 6px;
        }

	#sommaire .haut .recherche .r1{
		float:left;
		clear:both;
		font-weight:bold;
		color:#6F5F50;
		margin:2px 0 0 16px;
		padding-left:13px;
		background-image:url(/library/ccilm/gabarits/img/elements_basics/fleche_jaune.gif);
		}
		
	#sommaire .haut .recherche .r2{
		float:left;
		display:block;
		color:#FFD800;
		margin:2px 0 3px 28px;
		}
	* html #sommaire .haut .recherche .r2{margin:2px 0 3px 9px;}
	
	#sommaire .haut .recherche a.r3{
		float:left;
		display:block;
		color:#6F5F50;
		margin:2px 0 4px 30px;
		padding-left:14px;
		background-image:url(/library/ccilm/gabarits/img/elements_basics/fleche_jaune.gif);
		}
	* html #sommaire .haut .recherche a.r3{margin:2px 0 4px 14px;}

	#sommaire .haut .recherche a:hover.r3{text-decoration:underline}
	
	#sommaire .bas img{
		margin:30px 0 0 27px;
		}


/***************************************************************************/

/*__________________________________________________ Element de formulaire */
	input{
		float:left;
		display:block;
		}

	.stinput{
		width:104px;
		height:15px;
		border:1px solid #6F5F50;
		color:#6F5F50;
		padding:0 2px;
		font-size:0.9em;
		margin:0 2px 3px 0;
		}



/***************************************************************************/

/*__________________________________________________ Compass */

	 #compass {
		float:left;
	 	padding:4px 0 0 10px;
		margin:0 0 0 -30px; 
  		width:400px;
		height:25px;
		line-height:0.9em;
		}

	#compass ul {display:inline;} 
	
	#compass ul li {
  		padding:0 0 0 2px;
  		display:inline;
		font-size:0.9em;
 	}
	
 	#compass ul li a {
		font-size:1em;
	}
	
/***************************************************************************/

/*__________________________________________________ Centre */
	
	#centre{
		float:left;
		margin-left:10px;
		width:540px;
		padding:0 0 10px 0
		}
		
		#centre #milieu2{
			float:left;
			clear:both;
			width:322px;
			padding:10px 25px;
			background:url(/library/ccilm/gabarits/img/structure/recherche/milieu2.gif) repeat-y;
			}
		
		#centre #milieu{
			float:left;
			clear:both;
			width:307px;
			padding:15px 25px 5px 40px;
			background:url(/library/ccilm/gabarits/img/structure/recherche/milieu.gif) repeat-y;
			}
			
		#centre #bas{
			width:375px;
			float:left;
			height:15px;
			background-image:url(/library/ccilm/gabarits/img/structure/recherche/bas.gif)
			}
	
/*______________________________________________________________basic Centre*/


	#centre .titre{font-size:1.5em;font-weight:bold;}
	#centre .sstitre{font-size:1.4em;font-weight:bold;}
	#centre .nbformation{font-size:1.2em;font-weight:bold;color:#E2001A;}
	#centre .merci {display:block; clear:both; margin:30px 0 40px 10px; color:#000 }
		
		
		
	#centre #milieu2 span.formu{
		float:left;
		display:block;
		clear:both;
		margin-bottom:3px;
		width:310px;
		}
		
		#centre #milieu2 span.formu label{
			float:left;
			display:block;
			width:103px;
			margin-top:2px;
			background-image:url(/library/ccilm/gabarits/img/elements_basics/puce_rouge.gif);
			background-position:0 6px;
			padding-left:7px;
			}
		#centre #milieu2 span.formu input.ipt1,#centre #milieu2 span.formu select.ipt1{
			float:left;
			display:block;
			width:190px;
			border:1px solid #6F5F50;
			}
		#centre #milieu2 span.formu input.ipt1{width:184px;padding:0 0 0 4px; height:16px}
		* html #centre #milieu2 span.formu input.ipt1{width:182px;}

	
	#centre #milieu2 span.formu2{
		float:left;
		display:block;
		clear:both;
		margin-bottom:3px;
		width:310px;
		}
		
	.rouge{
		color:#E2001A;
		margin:2px 0 0 7px;
		}
		* html .rouge{margin:2px 3px 0 3px;}
	
	* html .dure{margin-left:1px}
	
	#centre #milieu2  label.lbl2{
		float:left;
		display:block;
		width:53px;
		}
		
	#centre #milieu2 span input.ipt2,#centre #milieu2 span select.ipt2{
		float:left;
		display:block;
		width:90px;
		background-color:#F4E3B1;
		border:1px solid #6F5F50;
		}
		
	#centre #milieu2 span input.ipt2{width:88px;margin-left:-2px}
	* html #centre #milieu2 span input.ipt2{width:86px;}

	.embauche{margin:2px 0 0 3px}
	* html .embauche{margin:0 0 0 3px}
	
	.embauche2{font-size:0.9em; float:right;margin-top:1px}
	* html .embauche2{margin-top:2px}


	
	#centre #milieu span {
		display:block;
		float:left;
		clear:both;
		width:300px;
		margin-bottom:4px;
		}
	
	#centre #milieu span input{
		float:left;
		margin:1px 4px 0 4px;
		}
	
	#centre #milieu span label{
		float:left;
		display:block;
		color:#E2001A;
		}
	* html #centre #milieu span label{margin-top:3px}



/***************************************************************************/

/*__________________________________________________ Droite */
	
	#droite{
		width:163px;
		float:right;
		padding:7px 0 0 2px;
		background-image:url(../img/structure/temoignage.gif);
		margin:-29px 0 0 5px;
		height:600px;
		}
		
	#droite .titre{display:block;color:#fff; font-size:1.6em; margin:0 0 15px 5px}
	
	#droite p{color:#938679;}
	
	#droite .date{color:#000; font-size:0.9em; clear:both; display:block}
	
	#droite img{margin:5px 0}
	
	#droite  a.autre_temoin{
		color:#E2001A;
		margin-left:15px;
		background-image:url(/library/ccilm/gabarits/img/elements_basics/puce_temoin.gif);
		background-position:right;
		padding-right:10px
		}
		
	
	#droite .sstitre{
		float:left;
		width:156px;
		clear:both;
		height:22px;
		background-image:url(/library/ccilm/gabarits/img/structure/fond_titre.gif);
		background-repeat:repeat-x;
		padding:3px 0 0 3px;
		color:#E2001A;
		margin-top:15px;
		font-weight:bold;	
		}
		
	#droite ul.stage{
		display:block;
		clear:both;
		float:left;
		margin-top:-3px;
		}
		
	#droite ul.stage li{
		display:block;
		clear:both;
		height:31px;
		float:left;
		width:156px;
		padding-left:3px;
		background-image:url(/library/ccilm/gabarits/img/structure/fond_stage.jpg);
		background-repeat:repeat-x;
		}

	#droite ul.stage li a{
		color:#000;
		background-image:url(/library/ccilm/gabarits/img/elements_basics/puce_rouge.gif);
		padding-left:7px;
		background-position:0 6px;
		}
		
	#droite .fin_stage{
		clear:both;
		width:159px;
		height:22px;
		background-image:url(/library/ccilm/gabarits/img/structure/fin_titre.gif);
		background-repeat:repeat-x;
		}

	
		
/***************************************************************************/

/*_______________________________________________________________ Footer */
	#footer{
		clear:both;
		width:100%;
		height:23px;
		background-image:url(/library/ccilm/gabarits/img/structure/footer.gif);
		}
		
	#footer a{
		font-size:0.9em;
		float:left;
		margin:4px 0 0 90px;
		}

	#footer a:hover{
		text-decoration:none;
		color:#000;
		}

	#eContoo {
        float:left;
        width:100%;
        text-align:right;
        padding:5px 0 0 0;
        color:#2a7ca6;
        font-size:.9em
        }

        #eContoo span {
            position:relative;
            top:-9px
        }





/*********************************/
/* ---- Zone défilante verticalement */
	#droite .actu marquee{height:140px;}
	
	#droite .actu{
		display:block;
		float:left;
		width:153px;
		background-color:#FFF6D9;
		margin-top:-3px;
		padding:3px;
		border-bottom:1px solid #9A8348;
		}
	#droite .actu p {
		color:#6f5f50;
		padding:0 0 15px 0
	}
	#droite .actu strong{color:#000}
	
	#droite .actu a.plus{
		color:#E2001A;
		display:block;
		clear:both;
		background-image:url(/library/ccilm/gabarits/img/elements_basics/puce_rouge2.gif);
		background-position:right;
		padding-right:10px;
		margin-bottom:15px;
		width:71px;
		}
/*********************************/

