@charset "utf-8";

/* Appel aux autres fichiers css

@import url(blocs-fr.css);*/


html { 
direction:ltr
}

body { 
font-family: Helvetica, Arial, sans-serif;
	line-height: 1.6; font-size:12px; color:#666666; text-align:center; 
}

.Citation img{
	width:20px;
	
}
.Texte {
	font-weight:bold;
	font-style:italic;
}
.Texte p{margin:0px;}

#DIV_GLOBAL {
	width:980px; 
	margin:0px auto;
	text-align:left;
	padding:5px;
	}

hr { height:1px; color:#D2D2D2
	
}

/*  TOP */

.TAB_REGISTER table
{
	width:100%;
	float:left;
}
.TAB_REGISTER .bouton
{
float:right;
margin:10px 0 30px 0;
}

.OPTION
{
	text-align:right;
	margin-top:-7px;
}
.OPTION input
{
	float:left;
}

.OPTION input.text
{
	float:right;
}
#INSCRI_FORMATION
{
	float:left;
	clear:left;
	border:1px solid;
	padding:7px;
	width:96.5%;
	margin-bottom:20px;
	margin-top:20px;
}
#INSCRI_FORMATION .OPTION_FORM
{
	margin-left:20px;
	text-align:left;
	float:left;
}
.titre_form
{
	font-size:14px;
	font-weight:bold;
}

#DIV_TOP {
	width:980px;
	height:50px;
	position: absolute;
	top: 5px;
	float:left;
}
#DIV_MENU_LOGO { background-image:url('../images/logo.jpg'); 
width:190px; height:72px; top:0px;position:absolute
}
#DIV_TOP_DATE { font-size:10px; float:left;top:30px;left:230px;position:absolute; margin-top:20px}
#DIV_TOP_VISITE { font-size:10px; left:500px; position:absolute; padding-top:20px}
#DIV_TOP_LANGUES { 
	float:left;
	top:30px;
	left:860px;
	position:absolute;
	padding-top:20px
}

#DIV_TOP_LANGUES a {
color:#666666;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
padding: 0px 5px 0px 5px}

#DIV_TOP_LANGUES a:hover {
color:#FF6600;
text-decoration:underline;
padding: 0px 5px 0px 5px
}




/*  MENU */

#DIV_MENU {
width:980px;
position: absolute;
top: 77px;
float:right;
/*border-top:8px solid #666666*/; z-index:100;
	
}

	


#DIV_MENU_MENU {
top:0px;
left:0px;
position:absolute
	
}

#DIV_BAN {
width:980px;
height:200px;
position: absolute;
top: 130px;
float:left;
}

#DIV_BAN_BAN {
margin-left:5px; float:left; 

}

#DIV_BAN_CITATION {
/*background-image:url('../images/bg_citationg.jpg'); 
background-repeat:no-repeat; */
width:200px; 
height:200px;
margin-left:5px;
float:left
}


#DIV_BAN_CITATION table th {
font-size:12px; 
color:#666;
text-align:left;
height:38px;
padding-left:5px
}

#DIV_BAN_CITATION table td {
color:#FFFFFF;
text-align:left;
padding-top:5px;
}


#DIV_BAN_CITATION table img {
float:left;
/*border: 1px solid #FFFFFF;*/
margin: 5px 5px 5px 5px
}


.SITE_MAP{
	margin-left:30px;
	font-size:14px;
}
.SITE_MAP ul{
	margin-left:10px;
	}
.SITE_MAP li{
	margin-top:10px;
	
	}
.SITE_MAP .LI_TEXT{
	text-transform: uppercase;
}

/* MAIN */
#DIV_MAIN {
width:980px;
position: absolute;
top: 342px;
float:left;
}

#DIV_MAIN_BACK {
width:980px;
position: absolute;
left:1px;
top: 100px;
float:left;
height:1000px;	
}

html>body #DIV_MAIN {
height: auto;
min-height:1000px;
} 

/* debut modif panel tab galerie */

.GalerieTabs {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 500px;
	height: 300px;
	float:left;
	display:block
}

.GalerieTabsGroup {
	margin: 0px;
	padding: 0px;
}

.GalerieTabbed {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font-size:12px;
	color:#1c64a5;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.GalerieTabsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}

.GalerieTabsContent {
	padding: 0px;
}

.TabbedPanelsContentVisible {
}



/* fin modif panel tab galerie */


#DIV_MAIN_LEFT {
width:200px;
float:left;
vertical-align:top;
height:80%;
}


#DIV_MAIN_MAIN {
width:500px;
padding-left:16px;
margin-left:16px;
padding-right:16px;
margin-right:16px;

float:left;
display:block
}



#DIV_MAIN_RIGHT {
width:200px;
float:right;
margin-right:13px;
vertical-align:top;
position:relative;
height:80%;
}

#clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}



#DIV_MAIN_BIENVENU {
width:550px;
	
}

a img { border:0px }

a {
	color:#1c64a5; text-decoration:none
}

a:hover, a:visited, a:active {
	color:#FF6600; text-decoration:none
}


h1 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 125%;
	color: #666666;
	/*border-bottom: 1px solid #B8B8B8;*/
}


h3 {
	margin: 0;
	padding: 0 0 5px;
	font-size: 130%;
	color: #f46212;
	border-bottom: 1px solid #B8B8B8;
	margin-bottom:20px;
	text-align:justify;
}


p {
 font-size:12px
}




h6 { font-size:12px; color:#666666; margin-bottom:5px; padding:0}

td {
	vertical-align:top
}

.Thumb_Acceuil { border: 1px solid #B8B8B8; float:left; margin: 0px 5px 5px 0px; width:140px; height:100px}
.Thumb { border: 0px solid #B8B8B8; float:left; margin: 10px 5px 5px 0px; width:100px; height:70px; padding: 2px;}
.Thumb_s { border: 1px solid #B8B8B8; float:left; margin: 0px 5px 5px 0px; width:70px; height:50px; padding: 2px;}
.Thumb_xs { border: 1px solid #B8B8B8;  margin: 0px 5px 5px 0px; width:40px; height:30px; padding: 1px;}
.Thumb_large { border: 1px solid #B8B8B8;  margin: 0px; width:190px; height:68px; padding: 1px;}
.Thumb_xxs { border: 1px solid #B8B8B8;  margin:0px 5px 5px 0px; width:31px; height:30px; padding: 1px;}



.Photo { float:left; margin: 5px 5px 5px 0px; width:200px; height:150px; padding:2px}

.TextDate { font-size:10px }
.Texte { text-align:justify
	
}

.TAB_LISTE2 {
	text-align: left;	
}
.TAB_LISTE2 th { margin: 0;
	text-align:justify;
	padding: 0 0 5px;
	font-size:14px;
	color: #000000;	
	border-bottom: 1px solid #E6E6E6;
 }


.TAB_LISTE { text-align:left }
.TAB_LISTE th { margin: 0;
text-align:justify;
	padding: 0 0 5px;
	font-size:14px;
	color: #f46212;	
	border-bottom: 1px solid #E6E6E6;
 }
 .TD_TEXTE{
	 float:left; 
	 text-align:justify.
 }
.TAB_LISTE td {  vertical-align:top; font-weight:normal; color:#333}
.TAB_LISTE img{
	widows:400px;
}



#DIV_MAIN_MAIN a.LIRE, #DIV_MAIN_LEFT a.LIRE {color:#f46212; text-decoration:none}
#DIV_MAIN_MAIN a.LIRE:hover, #DIV_MAIN_LEFT a.LIRE:hover { color:#f46212; text-decoration:underline}

.LongTextDate {font-size:10px; color:#b8b8b8; }

#DIV_MAIN_MAIN form input {border:1px solid #b2b2b2;  }
#DIV_MAIN_MAIN form input.radio { width:30px; border:1px solid #b2b2b2;  }
#DIV_MAIN_MAIN form textarea { width:200px; border:1px solid #b2b2b2;  }
#DIV_MAIN_MAIN form select { border:1px solid #b2b2b2;  }
#DIV_MAIN_MAIN form input.Bouton, input.Bouton {
background-color:#1c64a5;
color:#FFFFFF; 
font-size:9px; 
text-transform:uppercase;
height:20px;
text-align:center; 
padding:0 10 0 10;
border:0
  }
#DIV_MAIN_MAIN form table th {font-size:12px; color:#b8b8b8; text-align:right  }



.Citation { color:#666666; font-size:16px; font-style:italic; font-family:"Times New Roman", Times, serif; font-weight:bold;text-align:justify;
	
}



#DIV_MAIN_MAIN a.readon, #DIV_MAIN_LEFT a.readon, #DIV_PROJET a.readon {
	text-align: center;
	text-decoration: none;
	color: #1C64A5;
	font-weight: bold;
	background: url('../images/arrow-readon-1.png') no-repeat left 0;
	padding-left: 15px;  
	text-transform: uppercase; font-size:85%;
	margin:0px;
}

#DIV_MAIN_MAIN a.readon:hover, a.readon:focus, a.readon:active,
#DIV_MAIN_LEFT a.readon:hover, a.readon:focus, a.readon:active,
#DIV_PROJET a.readon:hover, a.readon:focus, a.readon:active {
	background: url('../images/arrow-readon-2.png') no-repeat left 0;
	color: #E15E06;
	margin:0px;
}




.ListeUL { list-style:none
	
}

.ListeUL li {background: url('../images/arrow-readon-1.png') no-repeat top left ; padding: 0 0 0 20px
	
}

.ListeUL li a {color: #1C64A5;}
.ListeUL li a:hover {color: #E15E06;}

.Liste { list-style:none; padding:2px}

.Liste li {padding: 0px; left:0px}




/* BLOCS */




.TAB_BLOC { width:100%; padding-bottom:15px;}
.TAB_BLOC th {background-image:url('../images/bloc_top.jpg');background-repeat:no-repeat; height:37px;
	color:#666; 
	font-size:13px;
	text-align:left;
	padding-left:10px; 
	padding-top:5px;
	font-weight:bolder;
	border-bottom:1px #d8d8d8 solid;
 }
 .TAB_BLOC th.CALENDAR {background-image:url('../images/bloc_top.jpg');background-repeat:no-repeat; height:37px;
	color:#666; 
	font-size:14px;
	text-align:left;
	padding-left:10px; 
	padding-top:5px;
	font-weight:bolder;
	border-bottom:1px #d8d8d8 solid;
 }
 
 .TAB_BLOC th.RECHERCHE { 
	background-image:url('../images/bloc_recherche_top.jpg'); background-repeat:no-repeat; height:55px;
	color:#666; 
	font-size:14px;
	text-align:left;
	padding-left:10px; 
	padding-top:15px;
	font-weight:bolder;
	border-bottom:1px #d8d8d8 solid;
 }


.TAB_BLOC .MAIN{ background-image:url('../images/bloc_main.jpg');
 background-repeat:repeat-y;  font-size:12px}
 

.TAB_BLOC .BOTTOM{background-image:url('../images/bloc_bottom.jpg');background-repeat:no-repeat; height:18px}
.TAB_BLOC .BOTTOMLOGIN{background-image:url('../images/bloc_login_bottom.jpg');background-repeat:no-repeat; height:112px}


.TAB_BLOC .MAIN ul.MENU, .TAB_BLOC .MAIN ul.MENU2 { list-style:none; margin-left:10px; padding-left:10px}
.TAB_BLOC .MAIN ul.MENU li { border-bottom:1px dotted #666666; height:20px; width:150px; display:block; padding-top:3px}
.TAB_BLOC .MAIN ul.MENU li a, .TAB_BLOC .MAIN ul.MENU2 li a { background-image:url('../images/bloc_menu_main_a.jpg'); background-repeat:no-repeat;color:#333333; padding-left:10px; }
.TAB_BLOC .MAIN ul.MENU li a:hover, .TAB_BLOC .MAIN ul.MENU2 li a:hover { background-image:url('../images/bloc_menu_main_a-hover.jpg'); background-repeat:no-repeat;}

.TAB_BLOC .MAIN ul.MENU2 li { border-bottom:1px dotted #666666; height:40px; width:150px; display:block; padding-top:3px}



.TAB_BLOC input.Box {width:90%; border:1px solid #b2b2b2}
.TAB_BLOC input.Box1 {width:90px; border:1px solid #b2b2b2}
.TAB_BLOC input.Box2 {width:160px; border:1px solid #b2b2b2}
.TAB_BLOC td { padding:3px;  font-size:12px}


.TAB_BLOC td.TitreBlocBleu { color:#1c64a5;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../images/h3-bg.gif) no-repeat bottom left;
}


#DIV_BLOCSBAS{
height:350px;
overflow: hidden;
clear: both;
position:relative;
padding-top:20px;
bottom: 10px; 
border-top:solid 1px #000;
border-bottom:solid 1px #000;
	
}
#DIV_ACTVITES{
	position:relative; 
	left:5px;
	
}


#DIV_BULLETIN { 

    margin:10px 0  0 5px;
    width:310px;
	float:left;
	display:block;
	}

#DIV_BULLETIN ul {
	list-style:none;
	margin: 30px 0 0 10px;
	padding: 30px 0 0 10px;

}

#DIV_BULLETIN li {
	margin: 0;
	padding: 10px 0 5px 10px;
	border-bottom: 1px solid #E6E6E6;
	background: none;
	position: relative;
	width: 100%;
	height:50px
}

#DIV_BULLETIN ul li img {
	position: absolute;

	top: 10px;
}

#DIV_BULLETIN div {
	line-height: 1.2;
	display: block;
	padding-left:50px
}

#DIV_BULLETIN span {
	font-size: 85%;
	color: #999999;
}





#DIV_BULLETIN h4 {
	margin: 0;
	font-size: 110%;
	color: #666666;
	float:left
}

#DIV_BULLETIN h5 {
	margin: 0;
	font-size: 110%;
	color: #FF6600;
	float:left
}



/* PROJETS */

#DIV_PROJET {
	height:250px;
	overflow: hidden;
	clear: both;
	position:relative;
	padding-top:20px;
	width:100%;
	bottom: 10px; 

}


#DIV_PROJET h4 {
	margin: 0;
	font-size: 90%;
	color: #666666;
	float:left;
	font-weight:bold;
	padding:0

}

#DIV_PROJET h5 {
	margin: 0;
	font-size: 90%;
	color: #FF6600;
	float:left;
	font-weight:bold;
	padding:0
}




#DIV_PROJET a {
	overflow: hidden;
	line-height: 58px;
	padding:0 10px 0 10px;
}


#DIV_PROJETS_BLOC {
	padding-top:10px;
	width:135px;
	height:100px;
	float:left;
	
}
#DIV_PROJETS_DESC {
	width:130px;
	height:100px;
	float:left;
}
#DIV_PROJECTS_TITRE{
	font-size : 12px;
	font-weight:bold;
}


/* PARTENAIRES 

#DIV_PARTENAIRE {
width:100%;
height:30px;
position: relative;
}*/

/* FOOTER */

#DIV_FOOTER {
width:100%;
overflow:hidden;
bottom: 0px; 
float:left;
position:relative;
padding-top:30px;
padding-bottom:10px;
text-align:center
}

#DIV_FOOTER_MENU { border-bottom:2px solid #C2C2C2; color:#C2C2C2; padding-bottom:10px ; width:100%; text-align:center}
#DIV_FOOTER_MENU ul { list-style:none; padding-left:250px;}
#DIV_FOOTER_MENU li {float:left; padding:0 5px 10px 5px}
#DIV_FOOTER_MENU a {text-decoration:none; color:#C2C2C2}
#DIV_FOOTER_MENU a:hover {  text-decoration:underline;color:#333333 }

#DIV_FOOTER_ICONES { float:left; }
#DIV_FOOTER_ICONES ul { list-style:none; padding-left:30px; padding-bottom:20px}
#DIV_FOOTER_ICONES li {float:left; padding:0 5px 0px 5px;}
#DIV_FOOTER_ICONES a {text-decoration:none; color:#C2C2C2}
#DIV_FOOTER_ICONES img { border:0px;}

#DIV_FOOTER_COPY{ text-align:center; font-size:10px; color:#D2D2D2; padding-top:10px; border-top:1px solid #C2C2C2;}
#DIV_FOOTER_COPY a {  text-decoration:none; color:#333333}
#DIV_FOOTER_COPY a:hover {  text-decoration:underline}



		div#wrap {
			width: 500px;
			margin: 50px auto; z-index:100	
		}
		
		div#wrap a {
			outline: none;	
		}
		


.title {
	font-size: 20px;
	padding: 5px 5px 0px 5px;
	font-weight: bold;
}

.question {
 	color: #999;
 	padding: 10px;
}

form {
	padding: 0px;
	margin: 0px;
}

.fiche
{
	float:left;
	width:100%;
}
.fiche .info {
	margin-left:20px;
}
.fiche a{
	float:right;
	margin-right:10px;
	margin-bottom:20px;
}

.GALERIE{
	padding-top:20px;
}
#myGallery125 { width:500px;height:280px;}
.rgsgnest125 { margin-top:20px; width:600px;height:224px; }
#LIST_GALERIE{
	left:20px;
	top:380px;
	position:relative;
}
#LIST_GALERIE table th{
	width:100px;
	font-size:18px;
}











/* Styles du  menu principal horizontal*/
.horizontal ul{
  margin: 0;
  padding: 0;
  border: 0 none;
  width: 980px; /*For KHTML*/
  list-style: none;
  height: 30px !important;
  left:0;
  position:absolute;
  font-family: Helvetica, sans-serif;
  background: url(../images/mainnav.jpg) repeat-x center top;
}

.horizontal .STATIC{
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  position: relative;
  width:100px;
  text-align:left;
}
.horizontal li{
  margin: 0;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  position: relative;
  width:170px;
  text-align:left;
}

.horizontal li a.main{
  padding: 20px 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #545353;
  text-decoration: none;
  text-align:center;
  height: 52px !important;
  height: 7%; /*For IE*/
  width:100%;
  font-size:14px;
  background: url(../images/mainnav.jpg) no-repeat center top;
		}
		
.horizontal li a.main:hover {
    padding: 20px 0;
  background: url(../images/mainnav-hover.jpg) no-repeat center top;
}
		
		
		
.horizontal li li a.sub,.horizontal li li li a.subsub{ 			text-decoration: none;
			float: left;
			display: block;
			width: 170px;
  color: #545353;  background-color:#f7f7f7; padding:2px
}

.horizontal li li a.sub:hover, .horizontal  li li li a.subsub:hover{
  color: #fff; background-color:#88b443; padding:2px
}




.horizontal li ul{
			margin-left: -1px;
			width: 170px;
			border: none;
			display: block;			position: absolute; top:50px

		}

.horizontal li li ul{
			position: absolute;
			margin-left: 130px;
			top:0px
}

/*
.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		
		.horizontal li ul li a{
		width: 125px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		.bluewhite li a.sub{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a.sub:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
		.TR_FORUM_CONTENT:hover{
			background-color:#a7aaac;
		}
		.TR_FORUM_CONTENT,.TR_RESPONCE_CONTENT{
			background-color:#CCC;
		}
		.TR_FORUM_HEADER{
			color:#000;
			background-color:#999;
		}
		#DIV_FORUM_TITLE{
			width:100%; 
			color:#364190;
			font-size:12px; 
			font-weight:bold;
			margin-left:20px;
		}
		#DIV_FORUM_NAME{
			width:495px;
			height:20px;
			background-color:#436e9b;
			border-top:1px solid #14426f;
			border-bottom:1px solid #14426f;
			font-size:14px;
			font-weight:bold;
			 color:#FFF;
			 padding-left:5px;
		}

		
 a.readon2{
	text-align: center;
	text-decoration: none;
	color: #1C64A5;
	font-weight: bold;
	background: url('../images/arrow-readon-1.png') no-repeat left 0;
	padding-left: 15px;  
	text-transform: uppercase; font-size:85%;
	margin:0px;
}