/* CSS Document */
body {
background-color:#FFF;
margin-top:0;
margin-bottom:0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	color:#666666;
	scrollbar-face-color: #DDDDDD;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #333333;
}

#lien_haut a:link{font-size: 10px;}

td#menu {
	height: 28px;
	width: 800px;
	}


ul#menu {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #3a4766;
	height: 28px;
	width: 800px;
	background-image:  url(../images/header/fond_menu.gif);
	list-style-type: none;
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
ul#menu li {
float: left;
display:table-cell;
}
ul#menu li.picto {
float: right;
display: table-cell;
vertical-align: bottom;
}
ul#menu a {
	font-size: 12px;
	float: left;
	margin: 0 2px;
	padding: 0px 10px;
	text-align: left;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}

ul#menu a:hover {
text-decoration: none;
color: #CCC;
}

ul#menu a.nompage{
	color: #aaa;
}


.publications {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	width: 240px;
	max-width: 240px;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	border-bottom: thin none #CCCCCC;
	border-left: thin solid #CCCCCC;
	background-color: #95340d;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-indent: 5pt;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
.ecole {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	width: 240px;
	max-width: 240px;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	border-bottom: thin none #CCCCCC;
	border-left: thin solid #CCCCCC;
	background-color: #285d6b;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-indent: 5pt;
	text-transform: uppercase;
}

.test {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	width: 240px;
	max-width: 240px;
	border-top: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	border-bottom: thin none #CCCCCC;
	border-left: thin solid #CCCCCC;
	background-color:#007E00;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-indent: 5pt;
	text-transform: uppercase;
}

#intervenants {
	text-transform: uppercase;
	background-color:#007E00;
	padding:4px;
	text-align:left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #CCCCCC;
	width: 220px;
	height:auto;
	font-size: 12px;
	line-height:14px;
	color:#FFFFFF;
	
}
#publications {
	text-transform: uppercase;
	background-color:#95340d;
	padding:4px;
	text-align:left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #CCCCCC;
	width: 220px;
	height:auto;
	font-size: 12px;
	line-height:14px;
	color:#FFFFFF;
	
}
#ecole {
	text-transform: uppercase;
	background-color:#285d6b;
	padding:4px;
	text-align:left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #CCCCCC;
	width: 220px;
	height:auto;
	font-size: 12px;
	line-height:14px;
	color:#FFFFFF;
	
}
#archives {
	text-transform: uppercase;
	background-color:#555;
	padding:4px;
	text-align:left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #CCCCCC;
	width: 220px;
	height:auto;
	font-size: 12px;
	line-height:14px;
	color:#FFFFFF;
	
}

#contenu_col {
	padding:4px;
	text-align:left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #CCCCCC;
	width: 220px;
	height:auto;
	font-size: 11px;
	line-height:14px;
}


.contenu_col {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #CCCCCC;
	width: 240px;
	height:auto;
	font-size: 11px;
	padding-left : 5px;
	padding-right:5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 1px;
	line-height:14px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contenu_col a:link {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;	
}
#contenu_col a:visited {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;	
}
#contenu_col a:hover {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;	
}

a:link {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
a:visited {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
.accueil {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	/*max-width:800px; avec eventuellement une hauteur mini */
	width:800px;
	height:609px;
	background-color: #e6e6e0;
	font-size: 11px;
	color: #333;
	display: table-cell;
	border: thin solid #CCCCCC;
	padding: 0px;
	marging: 0px;
}
.logo {
	/*max-width:560; avec eventuellement une hauteur mini */
	padding: 0px;
	marging: 0px;
	text-align: right;
	vertical-align:text-bottom;
}
.contact {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 650px;
	/*max-width:560*/;
	width:800px;/* avec eventuellement une hauteur mini */
	background-color: #e6e6e0;
	font-size: 12px;
	color: #333;
	display: table-cell;
	vertical-align: top;
	border: thin solid #CCCCCC;
	padding: 5px;
	marging: 0px;
}

td#ombre_bas{
	background-image:  url(../images/header/bord_B.gif);
	background-repeat: repeat-x;
}

td#ombre_droite{
	background-image:  url(../images/header/bord_D.gif);
	background-repeat: repeat-x;
	background-repeat: repeat-y;
}
.footer {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 28px;
	width: 555px;
	background-color: #666666;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	padding: 0px;
	marging: 0px;
}

.footer a:link {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
} 
.footer a:visited {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
} 

tr#footer  {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	marging: 0px;
}
.print{
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
float:right;
}
.content {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 600px;
	width: 1010px;
	background-color: #e6e6e0;
	font-size: 10px;
	color: #FFFFFF;
	display: table-cell;
	vertical-align: left;
	border: thin solid #CCCCCC;
	padding: 0px;
	marging: 0px;
}
.content_inframince {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 700px;
	width: 1010px;
	background-color: #e6e6e0;
	font-size: 11px;
	color: #333;
	OVERFLOW: hidden;
	vertical-align: top;
	border: thin solid #CCCCCC;
	padding: 0px;
	marging: 0px;
}
.plan {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 500px;
	width: 995px;
	background-color: #e6e6e0;
	font-size: 11px;
	color: #333;
	OVERFLOW: hidden;
	vertical-align: top;
	border: thin solid #CCCCCC;
	padding: 0px;
	marging: 0px;
}
.content_inframince {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 700px;
	width: 1000px;
	background-color: #e6e6e0;
	font-size: 11px;
	color: #333;
	OVERFLOW: hidden;
	vertical-align: top;
	border: thin solid #CCCCCC;
	padding: 0px;
	marging: 0px;
}
.im3 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	height: 635px;
	width: 760px;
	background-color: #cc0000;
	font-size: 11px;
	color: #FFF;
	OVERFLOW: hidden;
	vertical-align: top;
	border: thin solid #CCCCCC;
	padding: 5px;
	marging: 5px;
}
.anim {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #e6e6e0;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0px;
	marging: 0px;
}
.div_scroll {
	float: right;
	WIDTH: 750px;
	HEIGHT: 500px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	OVERFLOW: auto;
	padding: 5px;
	background-color:#e6e6e0;
	margin:10px;
	border-left-width: thin;
	border-left-style: dotted;
	border-left-color: #333;	
}

.div_scroll h1{
	font-size:12px;
	padding:0px;
	margin:0px;
	color:#036;
	
	
}
.div_scroll_archives {
	float: right;
	WIDTH: 530px;
	HEIGHT: 550px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	OVERFLOW: auto;

}
.div_archives {
	float: left;
	WIDTH: 260px;
	height: 500 px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	OVERFLOW: auto;
}
	
.pictosBarDoc{
float:left;
background-color:#333366;}

.leadDoc, .leadDocSmall1, .leadDocSmall2, .leadDocBig1, .leadDocBig2, leadDocBig3{
	margin-top: 4px;
	margin-bottom: 4px;
}

.page {
	float: right;
	WIDTH: 75%;
	HEIGHT: 400px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	OVERFLOW: auto;
	padding: 5px ;
}

.inframince {
	WIDTH: 80%;
	text-align: left;
	height: 300px;
	z-index:2;
	padding: 0px 
}

.div_scroll strong{
	vertical-align: top;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.div_gauche {
	float: left;
	WIDTH: 200px;
	height: 600 px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	OVERFLOW: auto;
}

/*h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663300;
	border-bottom: 1px ridge #000;
	margin-bottom:8px;
}
h6:first-letter {
font-size: 12px;
font-family: Verdana;
color: #000;
}*/

h6{
	font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color:#333;
	color:#FFF;
	padding:2px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #666;
	text-indent:5px;
}
h4 {
	font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px ridge #000;
	margin-bottom:8px;
	margin-top:11px
	}
h4:first-letter {
font-size: 12px;
font-family: "trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
color: #000;
}
table{
	font-family:"trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #333333;
	font-size: 10px;
}
.conteneur-arrondi{
	height:300px;
	z-index: 1;
	padding:0;
	width:20%;/* determine la largeur de la boite contenue */
	float:left;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 50px;
	text-align: left;
}
.dragme{
position:relative;
	height:150px;
	z-index: 1;
	padding:0;
	width:23%;/* determine la largeur de la boite contenue */
	float:right;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 50px;
	text-align: left;
}
.conteneur-arrondi-plan{
	height:200px;
	z-index: 1;
	padding:0;
	width:200;/* determine la largeur de la boite contenue */
	float:left;
	margin-top: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 20px;
	text-align: left;
}
.un      {
    margin:0 4px;
    height:1px;
    background-color:#BFBFBF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
.deuxH {
	background-color:#BFBFBF;
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.troish {
	background-color: #DDD;
	margin:0 2px;
	height:2px;
	overflow:hidden;/*necssaire pour IE */
	border:1px solid #BFBFBF;
	border-top:0;
	border-bottom:0;
}

.quatreH {
background-color: #DDD;
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.deux {
background-color:#FFFFFF;
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.trois{
background-color:#FFFFFF;
	margin:0 2px;
	height:2px;
	overflow:hidden;/*necssaire pour IE */
	border:1px solid #BFBFBF;
	border-top:0;
	border-bottom:0;
}

.quatre {
background-color:#FFFFFF;
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
.centrearrondi {
	background-color:#FFFFFF;
	color:#000;
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
    min-height:150px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:150px;

}
.entetearrondi {
	margin:0 1px;
	padding:0 2em;
	height:auto!important;
	height:10px;
	background-color: #DDD;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BFBFBF;
	border-right-color: #BFBFBF;
	border-bottom-color: #BFBFBF;
	border-left-color: #BFBFBF;
}
.infra_bas{
padding:0;
text-align: left;
}
.expo {
	height:350px;
	border: thin dotted;
	background-color: #FFFFFF;
	padding: 4px;
	width: 710px;
	overflow:auto;
}
.evenements {
float:right;
	height:300px;
	border: thin dotted;
	background-color: #FFFFFF;
	padding: 4px;
	width: 98%;
	overflow:auto;
}
.intervention {
	float:right;
	height:590px;;
	border: thin dotted;
	background-color: #FFFFFF;
	padding: 4px;
	width: 98%;
	overflow:auto;
}
/*.image{
z-index:1;

background:#666666;
padding:-10;
position:absloute;
left:0px;
top:-100px;
padding-bottom:-53;
bottom:-50;
}*/
.milo{
color:#000;
	padding-left:5;
	padding-top:-50;
	width:500;
	z-index:2;
	background:#DDDDDD;
	position:relative;
	left:10px;
	top:50px;
	filter: alpha(opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.50; 	opacity:0.5;

}
.image {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	max-width:540;/* avec eventuellement une hauteur mini */
	height: 460px;
	overflow:hidden;
	background-color: #e6e6e0;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	display: table-cell;
	border: thin solid #CCCCCC;
	padding: 0px;
	marging: 0px;
}

#sommaire{color:#FFFFFF;font-size: 12px;}

.preload2 {background: url(prodrop2/button4.gif);}
.menu2 {
	z-index:10;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	border: thin solid #3a4766;
	height: 28px;
	width: 1000px;
	padding:0px;
	margin:0;
	list-style:none;
	background:#fff url(../images/header/fond_menu.gif) repeat-x;
	position:relative;
	font-family:arial, verdana, sans-serif; }
.menu2 li.top {
float: left;
display:table-cell;}
.menu2 li a.top_link {
	font-size: 12px;
	float: left;
	margin: 0 2px;
	padding: 0px 10px;
	text-align: left;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display:block;
	height:28px;
	line-height:33px;
	cursor:pointer;}
.menu2 li a.top_link:hover, .menu2 li a.active:hover {
background-color:#3b474e;
}
.menu2 li:hover > a.top_link, a.active  {background-color:#3b474e;}
.menu2 li a.active {
font-size: 12px;
	float: left;
	margin: 0 2px;
	padding: 0px 10px;
	text-align: left;
	text-decoration: none;
	color: #DDD;
	font-weight: bold;
	display:block;
	height:28px;
	line-height:33px;
	cursor:pointer;
}
.menu2 li.picto {
float: right;
display: table-cell;
vertical-align: top;
}
.menu2 li.picto a{
font-size: 12px;
	float: left;
	margin: 0 2px;
	padding: 0px 10px;
	text-align: left;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	display:block;
	height:28px;
	line-height:20px;
	cursor:pointer;}



.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:28px; no-repeat right top;}


.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}


.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {
	left:2px;
	top:28px;
	background: #3b474e;
	/*border:1px solid #DDD*/;
	white-space:nowrap;
	width:150px;
	height:auto;
	text-align:left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100%;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:20px; width:100%; line-height:20px; text-indent:5px; color:#FFF; text-decoration:none; border:3px solid #fff; border-width:0 0 0 0px;}
.menu2 :hover ul.sub li a.fly {background:#fff 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#666; color:#FFF;}


.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}

.entete{
	height:100px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #666;
	padding:10px;
	font-size:12px;
}

.offre {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-color: #e6e6e0;
	font-size: 12px;
	color: #333;
	overflow:auto;
	vertical-align: top;
	border: thin solid #CCCCCC;
	padding: 10px;
	marging: 0px;
}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/*.cours {
	background-color:#333;
	color:#FFF;
	}*/
.div_gauche a:link{ color:#FFF; font-size:11px; }
.div_gauche a:visited{ color:#FFF; font-size:11px; }
.div_gauche { line-height:16px;}
#menu_cds { padding-left:4px;}
#menu_cds a:link{background-color:#333; color:#FFF; font-size:11px; padding:2px;  margin-top:10px;}

#menu_cds a:visited{background-color:#333; color:#FFF; font-size:11px; padding:2px;  margin-bottom:4px;}
#menu_cds a:hover{background-color:#000; color:#FFF; font-size:11px;padding:2px;   margin-bottom:4px;}