@charset "utf-8";

/* CSS Document */



/*-----------------------------chartre grahpique principale--------------------------*/


#ligne a:active
{
border:none;
}

#ligne
{
	width:100%;
	height:260px;
	z-index:0;
	background-image:url(/img/lignes.png);
	background-position:center;
	position:relative;
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	text-align:center;
}
#logo
{
	z-index:1;	
}

body
{
background-color:#FFFFFF;
font-family:"Lucida Sans","Verdana" ;
padding:0px;

}
#global 
{
	width: 992px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;

}


#cache
{
	color:#333333;
	font-size:18px;
	text-align:center;
	width:992px;
	height:2000px;
	z-index:1;
	display:block;
}

.langue
{

	font-size:14px;	
	display:inline;
	width:1000px;
	color:#666666;



}
.first:FIRST-LETTER
{
	text-transform:capitalize;

	}
	.first
	{
	color:#333333;
	}


/* ---------------------------------Menu en onglet-------------------------------------*/






#menu
{
	position:relative;
	width: 100%;
	height: 69px;
	margin-top:-10px;
}
 


#menu_0, #menu_1, #menu_2, #menu_3, #menu_4, #menu_5, #menu_6
{
	background-image:url(/img/bouton_off.png);
	background-repeat:no-repeat;
}

.onglet
{
	width:142px;

	height:44px;
	text-align:center;
	color:#666666;
	cursor:pointer;
	letter-spacing:1px;

}
/*
.onglet:hover
{
	width:142px;
	background-image:url(img/bouton_on.png);
	height:44px;
	text-align:center;
	color:#FFFFFF;
	font-size:16px;
	letter-spacing:1px;
	font-weight:bold;
	background-repeat:no-repeat;
} */
.sous_onglet
{
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	width:988px;
	height:25px;
	border-bottom:solid 2px #DEDEDD;
	border-left:solid 2px #5D5C5C;
	border-right:solid 2px #5D5C5C;
	cursor:default;
	vertical-align:middle;
	background-color:#5D5C5C;
	color:#FFFFFF;
}
.sous_onglet a:link, .sous_onglet a:visited
{
color:#FFFFFF;
}
.sous_onglet a:hover
{
	color:#FF0000;
	font-size:14px;
	cursor:pointer;


}






/*------------------------------------Colone de Gauche----------------------------------*/






#gauche
{ 
	font-size:16px;
	vertical-align:top;
	width: 180px;
	height:100%;
	background-color: #EEEEEE;
	text-align:center;

}

.t_gauche
{

	width: 170px;
	margin:auto;
	margin-top:20px;
}

#droite
{	

	vertical-align:top;
	width: 180px;
	height:100%;
	background-color: #EEEEEE;
	text-align:center;
}

#principal
{
	
	vertical-align:top;
	margin:auto;
	margin-top:0px;
	width: 624px;
	height:100%;
	color:#666666;
	font-size:12px;
	padding:4px;
	border-bottom: solid 1px #DEDEDD;
	
}

.cafe
{
	width:170px;
	margin-left:2px;
	color:#333333;
	font-size:12px;

	text-align:left;

}

.cafe2
{	
	background-image:url(/img/cafe_blanc_top.png);
	width:169px;
	height:64px;
}
.working
{

	width:170px;
	color:#333333;
	font-size:12px;

	text-align:left;
	margin-left:2px;
}
.working2
{	
	top:60px;
	position:relative;
	z-index:1;
	color:#333333;
	font-size:12px;

	width:157px;
	text-align:left;
	padding-right:5px;
	
}
#diffusion
{
	top:60px;
	height:20px;
	width:155px;
	position:relative;
}

#email
{
	border: solid 1px #CC2724;
	background-image:url(/img/rouge_dif.png);
	background-repeat:repeat;
	height:20px;
	width:155px;
	color:#666666;
	font-size:12px;

}



/*--------------------------------Colonne droite-----------------------------------------*/

#envoyer
{

	margin-left:27px;
	margin-top:5px;
	width:105px;

}





#herodote #soutenance #actu
{ 
	width: 170px;
	margin-left:14px;
	margin-right:auto;
	margin-bottom:20px;
	top:20px;
	
}


.barre_soutenance
{ 
	width:100%;
	height:19px;
	color:#FFFFFF;
	background-image:url(/img/barre_mini.png);
	background-repeat:no-repeat;
	text-indent:35px;
	text-align:left;
	font-size:11px;
	padding-top:3px;
}

.barre_herodote 
{ 
	width:100%;
	height:19px;
	font-size:12px;
	color:#FFFFFF;
	background-image:url(/img/barre_mini.png);
	background-repeat:no-repeat;
	text-indent:35px;
	text-align:left;
	padding-top:3px;
}
.barre_bas_mini 
{ 
	width:100%;
	height:15px;
	background-image:url(/img/barre_bas_mini.png);
	background-repeat:no-repeat;

}


.content_mini
{
	background-image:url(/img/content_mini.png);
	background-repeat:repeat-y;
	width:170px;


	
}
.content_mini_soutenance
{
	background-image:url(/img/content_mini.png);
	background-repeat:repeat-y;
	width:157px;
	font-size:11px;

	color:#666666;
	text-align:left;
	padding-left:6px;
	padding-right:7px;
	
}






/*-----------------------------------Decoration texte normal ----------------------------------*/

.normal
{
	width:590px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	
}


/*-------------------------------------------Page d'accueil-------------------------------------*/

#baniere
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	/*border-bottom:solid 2px #DEDEDD;*/
	
}

#actualite
{

	margin-left:12px;
	overflow:hidden;
	
}

.barre_big 
{ 

	width:600px;
	height:24px;
	color:#FFFFFF;
	font-size:16px;
	letter-spacing:2px;
	background-image:url(/img/barre_big.png);
	background-repeat:no-repeat;
	text-indent:75px;
	padding-top:6px;	
}


.contour_bas_big
{
background-image: url(/img/contour_bas_big.png);
width:600px;
height:30px;
background-repeat:no-repeat;
}

.large
{
	background-image:url(/img/contour_big.png);
	background-repeat:repeat-y;

	width:600px;
	padding-left:10px;
	
}
.roll
{
	background-image:url(/img/contour_big.png);
	background-repeat:repeat-y;
	padding: 0px;
	width:600px;
	z-index:1;
	height:200px;
	overflow:hidden;
}
#roll0
{
	padding: 0px;
	width:596px; 
	display:block;
	height:170px;
}
#roll1
{

	padding: 0px;
	width:596px;
	height:170px;
	display:none; 
}
#roll2
{
	height:170px;
	padding: 0px;
	width:596px;
	display:none; 
}

.plus
{
	margin-left:410px;
	margin-top:3px;
	position:absolute;
	height:19px;
	width:105px;
	z-index:2;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	background-repeat:no-repeat;

}
.plus a:link  
{
	color:#FFFFFF
}
.plus a:hover
{
	color:#FFFFFF
}
.plus a:visited
{
	color:#FFFFFF
}
.plus2
{
	margin-left:130px;
	margin-top:-3px;
	position:absolute;
	height:19px;
	width:105px;
	z-index:2;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	display:inline;
	background-repeat:no-repeat;

}
.plus2 a:link  
{
	color:#FFFFFF
}
.plus2 a:hover
{
	color:#FFFFFF
}
.plus2 a:visited
{
	color:#FFFFFF
}

.plus3 a:link  
{
	color:#FFFFFF
}
.plus3 a:hover
{
	color:#FFFFFF
}
.plus3 a:visited
{
	color:#FFFFFF
}

#forward
{
	margin-top:5px;
	width:24px;
	height:24px;
	background-image:url(/img/forward.png);
	margin-left:1px;
	margin-right:1px;
	padding:0px;
}

#rewind
{
	margin-top:5px;
	background-image:url(/img/rewind.png);
	margin-left:1px;
	margin-right:1px;
	width:24px;
	height:24px;
	padding:0px;
}

#stop0
{
	display:block;
	margin-top:5px;
	background-image:url(/img/stop.png);
	margin-left:1px;
	margin-right:1px;
	width:24px;
	height:24px;
	padding:0px;
}

#stop1
{
	display:none;
	margin-top:5px;
	background-image:url(/img/play.png);
	margin-left:1px;
	margin-right:1px;
	width:24px;
	height:24px;
	padding:0px;
}

#archives
{
	width: 300px;
	margin-top:20px;
}
.content_med a
{
color:#666666;

}
.content_med a:hover
{
	color: #FF0000;
	cursor:pointer;

}

.barre_med 
{ 

	width:100%;
	height:25px;
	color:#FFFFFF;
	font-size:16px;
	letter-spacing:2px;
	background-image:url(/img/barre_med.png);
	background-repeat:no-repeat;
	text-indent:65px;
	padding-top:5px;

	
	
	}

.content_med_tv
{
	
	background-image:url(/img/contour_med.png);
	background-repeat:repeat-y;
	width:300px;
	padding-left:8px;
	padding-top:20px;
	margin-top:0px;
	
}

.content_med
{
	
	background-image:url(/img/contour_med.png);
	background-repeat:repeat-y;
	width:290px;
	padding-left:8px;
	padding-top:0px;
	padding-right:8px;
	margin-top:0px;

	height:238px;
	


}
.content_med_scroll
{
	

	width:285px;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;

	overflow:auto;
	height:238px;
	


}



.contour_bas_formation
{
background-image: url(/img/contour_bas_formation.png);
width:300px;
height:30px;
}

.contour_bas
{
background-image: url(/img/contour_bas.png);
width:300px;
height:30px;
}
#ifgtv
{
	width: 300px;
	margin-top:20px;
	margin-left:10px;
}


#formations_div
{

	width:300px;
	padding-left:3px;
	background-image:url(/img/contour_med.png);
	background-repeat:repeat-y;


}

#form
{
	margin-top:20px;
	margin-left:10px;
}
#formations
{
	height:566px;
	width:290px;
	/* background-image:url(/img/batiment.png);	*/
	color:#FFFFFF;
}

.rouge_clair
{
	width:275px;
	height:172px;
	background-image:url(/img/rouge_clair_formation.png);
	background-repeat:repeat;
	padding-left: 15px;
	padding-top:10px;
	font-size:14px;
}
.rouge_clair a:link,.rouge_clair a:visited
{
color:#FFFFFF;
}
.rouge_clair a:hover
{
	color:#000000;
}

.rouge_fonce
{
	width:275px;
	height:192px;
	background-image:url(/img/rouge_fonce_formation.png);
	background-repeat:repeat;
	padding-left: 15px;
	padding-top:10px;
	font-size:14px;
}
.rouge_fonce a:link,.rouge_fonce a:visited
{
color:#FFFFFF;
}
.rouge_fonce a:hover
{
	color:#000000;
}


/*-----------------------------------Divers----------------------------------------------------*/



a:link {
	text-decoration: none;
	background-color: transparent;
	border:none;
	color:#666666;

}
a:visited {
	text-decoration: none;
	background-color: transparent;
	color:#666666;
}
a:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #FF0000;
}
a span:hover {
	text-decoration: underline;
	background-color: transparent;
	color: #FF0000;
}
a:active {
	text-decoration: underline;
	background-color: transparent;
	border:none;
	color:#666666;
}
a img
{
	border:none;
}
a:active
{
	border:none;
}
.image
{
border: 0px;
}
.content
{
background-color:#FFFFFF;
	padding: 0px;
	width:165px;
}


#credits {
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	bottom: 5px;
	width: 900px;
	border: 0px;
	color: #666666;
	text-align: center;
	background-color: transparent;
	font-size:12px;
}


p
{

}

h1
{

	font-size:20px;
	color:#CC0000;
	
}

h2
{
	text-align:center;

	font-size:30px;
}
h3
{

	color:#000000;
	font-size:16px;
}
h4:FIRST-LETTER
{
	text-transform:capitalize;
}
h4
{
color:#666666;
line-height:15px;
text-decoration:none;
font-weight:100;
margin-bottom:7px;
margin-top:1px
}

.rouge
{
color:#CC0000;
}
.souligne
{
	text-decoration:underline;
}
.droite
{
	text-align:right;

}


