@charset "utf-8";
/* CSS Document */

body
{
	margin:0 auto;
	padding:0;
	background:#00040f;
}
body a
{
 outline:none;
}
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
#site
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:978px;
	height:745px;
	background:url(../images/bg.jpg) no-repeat;
}

#top
{
	clear:both;
	float:left;
	width:978px;
	height:188px;
}

#logo
{
	clear:left;
	float:left;
	width:282px;
	height:188px;
}

#lang
{
	float:left;
	width:696px;
	height:62px;
	font-size:0;
}

#top-menu
{
	clear:left;
	float:left;
	width:596px;
	height:54px;
	font-size:0;
	text-align:right;
	padding-top:8px;

}
#top-langs
{
	clear:none;
	float:left;
	width:100px;
	height:43px;
	font-size:12px ariel;
	text-align:right;
	padding-top:19px;

}

#top-langs a
{
	left:left;
	font:12px Arial;
	color:white;
	text-decoration:none;
	padding-right:4px;
}

#top-langs a:hover
{
	text-decoration:underline;
}


#menus
{
	float:left;
	width:696px;
	height:126px;
}


#left-side
{	
	clear:left;
	float:left;
	height:500px;
	width:282px;
}

#blocs-icons-i
{
	clear:both;
	float:left;
	/*width:206px;*/
	width:206px;
	
}

#blocs-icons
{
	width:196px;
}

#blocs-icons-i.left-side
{
	margin-top:170px;
	padding-left:38px;
	padding-right:38px;
	padding-top:50px;
	background:url(../images/acces-direct.png) no-repeat;
	padding-bottom:5px;	
}

#blocs-icons.right-side
{
	padding-left:26px;
	padding-right:26px;	
}

#bloc-icon
{
	clear:both;
	float:left;
	width:144px;
	height:45px;
	padding-top:3px;
	padding-bottom:3px;
}

#bloc-icon.newsletter
{
	width:151px;
	height:20px;
	background:url(../images/ico-newsletter.jpg) center no-repeat;
	padding-top:25px;
	padding-left:55px;
}

#bloc-icon.newsletter-r
{
	width:144px;
	height:20px;
	background:url(../images/ico-newsletter-r.jpg) center no-repeat;
	padding-top:25px;
	padding-left:0px;
}

.c_txt_newsletter
{
	border:1px solid #84878d;
	background:#121826;
	color:#ffffff;
	width:95px;
	height:12px;
	font:10px Arial;
	
}

.c_btn_ok
{
	border:1px solid #84878d;
	background:#5d6065;
	font:10px Arial;
	color:#ffffff;
}

#left-menu
{
	clear:left;
	margin:0 auto;
	padding:0;
	width:185px;
}

#top-left-menu
{
	clear:both;
	float:left;
	width:185px;
	height:9px;
	background:url(../images/e_03.jpg) no-repeat;
	font-size:0px;
}

#middle-left-menu
{
	clear:both;
	float:left;
	width:185px;
	height:px;
	background:url(../images/e_19.jpg) repeat-y;
}

#bottom-left-menu
{
	clear:both;
	float:left;
	width:185px;
	height:9px;
	background:url(../images/e_18.jpg) no-repeat;
	
}

#video
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:183px;
	height:147px;
	margin-top:200px;
	margin-bottom:5px;
}

#trace
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:183px;
	height:120px;
	margin-top:60px;
	margin-bottom:5px;
}
#video-i
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:183px;
	height:147px;
	margin-top:5px;
	margin-bottom:5px;
}


#contact-b
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:168px;
	height:106px;
	background:url(../images/e_42.jpg) no-repeat;
	padding:8px;
	font:10px arial;
	color:#c9d7e2;
}

#contact-b img
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}


#contact-b p
{
	font:14px Arial;
	color:white;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
	margin-bottom:10px;
}



#contact-s
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:176px;
	height:47px;
	background:url(../images/cnt.jpg) no-repeat;
	padding:4px;
	font:10px arial;
	color:#c9d7e2;
	margin-top:5px;
}
#contact-s img
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#contact-s p
{
	font:12px Arial;
	color:white;
	font-weight:bold;
	margin:0;
	text-transform:uppercase;
	margin-bottom:5px;
}

#right-side
{
	float:left;
	width:696px;
	height:500px;
}


#container-index
{
	clear:both;
	float:left;
	width:658px;
	height:293px;
	margin-top:30px;
	padding-right:38px;
}

#bloc-container-index
{
	float:left;
	width:319px;
	height:286px;
	margin-right:19px;
}

#bloc-container-index.no-margin
{
	margin:0;
}

#bloc-top-container-index
{
	clear:both;
	float:left;
	height:36px;
	width:319px;
	padding-top:5px;
	background:url(../images/box-top-index.png) no-repeat;
	text-align:center;
	font:18px Arial;
	color:#ffffff;
	text-shadow:1px 1px #000d2c;
	text-transform:uppercase;
}

#bloc-middle-container-index
{
	clear:both;
	float:left;
	height:225px;
	width:299px;
	background:url(../images/box-middle-index.png) no-repeat;
	padding:10px;
}

#bloc-middle-container-index-pic
{
	clear:both;
	float:left;
	width:299px;
	padding-bottom:2px;
}

#bloc-middle-container-index-titre
{
	clear:both;
	float:left;
	width:299px;
	font:bold 12px Arial;
	color:#a8d9ff;
	padding-bottom:2px;
}

#bloc-middle-container-index-texte
{
	clear:both;
	float:left;
	width:299px;
	font:11px Arial;
	color:#cbd9e4;
	padding-bottom:2px;
}

#bloc-middle-container-index-more
{
	clear:both;
	float:left;
	width:299px;
	font:12px Arial;
	color:#333333;
	text-align:right;
	padding-bottom:10px;
}

#bloc-middle-container-index-more a
{
	font:10px Arial;
	color:#e4f4ff;
	text-decoration:underline;
}

#bloc-middle-container-index-more a:hover
{
	text-decoration:none;
}

#banner
{
	clear:both;
	float:left;
	width:658px;
	height:177px;
	padding-right:38px;
}

#container
{
	clear:left;
	float:left;
	/*width:438px;*/
	width:696px;
	height:293px;
	margin-top:30px;
}

#container.container-slider
{
	width:438px;
}	

#bloc
{
	clear:both;
	float:left;
	/*width:438px;*/
	width:696px;
	height:293px;

}

#bloc.bloc-slider
{
	width:438px;
}

#titre
{
	font:18px Arial;
	color:white;
	font-weight:bold;
	width:690px;
}

#titre.titre-slider
{
	
}

#separ
{
	clear:both;
	float:left;
	width:396px;
	height:6px;
	font-size:0;
	margin-top:4px;
	background:url(../images/titre-bottom.jpg) left bottom no-repeat;
}

#txt
{
	margin-top:15px;
	clear:both;
	float:left;
	/*width:480px;*/
	width:670px;
	height:225px;
	font:11px Arial;
	/*color:#c4d2dd;*/
	color:white;
	font-weight:bold;
	text-align:justify;
	padding-bottom:20px;
}

#txt.txt-slider
{
	width:410px;
}

#txt a
{
	color:white;
	text-decoration:none;
}

#txt a img
{
	border:none;
}

#txt a:hover
{
	text-decoration:underline;
}

#bloc_n
{
	clear:both;
	float:left;
	width:630px;
	margin-top:6px;
	margin-bottom:6px;
}

#titre_n
{
	font:11px Arial;
	color:white;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom:1px dotted white;
}
#titre_n a
{
	font:12px Arial;
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#txt_n
{
	clear:both;
	float:left;
	width:630px;
	font:10px Arial;
	color:#c4d2dd;
	font-weight:bold;
}

#txt_n a
{ 
	font:10px Arial;
	color:#c4d2dd;
	font-weight:bold;
	text-decoration:none;
}

#txt_n a:hover
{
	text-decoration:underline;
}

#txt p strong
{
	font:12px Arial;
	color:#ffffff;
	font-weight:bold;
}

#txt img
{
	float:left;
	padding:4px;
	padding-right:10px;
}

#right-container
{
	float:left;
	/*width:258px;*/
	width:196px;
	height:323px;

}

#right-container.right-container-slider
{
	width:258px;
}

#search
{	
	clear:both;
	/*width:210px;*/
	width:148px;
	height:22px;
	margin:0 auto;
	padding:0;
	margin-top:30px;
}

#search.search-slider
{
	width:210px;
}

#search_txt
{	
	border:1px solid #989f99;
	height:20px;
	width:175px;
	padding-top:3px;
	font:12px Arial;
	color:#626261;
}

#btn_search
{	
	border:1px solid #989f99;
	border-left:none;
	height:26px;
	width:28px;
	background:#b7dd39;
	color:white;
}

#newsletters
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:205px;
	height:83px;
	margin-bottom:15px;
	margin-top:15px;
	background:url(../images/newsletter.jpg) no-repeat;
}

#newsletters table
{
	margin-top:42px;
	padding-right:4px;
}

#em_news
{
	/*width:102px;
	height:13px;
	border:1px solid #a6b88b;
	font:10px arial;
	color:#333333;*/
}

#btn_news
{
	border:none;
	width:64px;
	height:20px;
	background:url(images/news.png) no-repeat;
}

#mediatheque
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:205px;
	height:83px;
	margin-bottom:15px;
}

#follow-us
{
	clear:both;
	margin:0 auto;
	padding:0;
	width:205px;
	text-align:right;
}

#follow-us p
{
	font:10px Arial;
	color:white;
	font-weight:bold;
}

#cnt tr td
{
	padding-top:5px;
}

#cnt tr td input, #cnt tr td textarea
{
	font:12px Arial;	
	border:1px solid #84878d;
	background:#121826;
	color:#ffffff;
}

#footer
{
	clear:both;
	float:left;
	width:978px;
	height:57px;
	font:10px Arial;
	color:#5093d3;
}

#m-footer
{
	float:left;
	width:450px;
	height:27px;
	padding-top:30px;
	text-align:center;
}

#m-footer a
{
	font:10px Arial;
	color:#5093d3;
	text-decoration:none;
}

#m-footer a:hover
{
	text-decoration:underline;
}

#l-footer
{
	float:left;
	width:250px;
	height:27px;
	text-align:center;
	padding-top:30px;
}

#r-footer
{
	float:left;
	width:258px;
	height:37px;
	padding-right:20px;
	padding-top:20px;
	text-align:right;
}

#footer a
{
	font:10px Arial;
	color:#5093d3;
	text-decoration:underline;
}

#footer a:hover
{
	text-decoration:none;
}

table#table tr td
{
	border:1px solid #ffffff;
	padding-left:5px;
	height:25px;
	padding-top:5px;
	font:11px Arial;
	color:white;
	padding-right:5px;
}

#div-1, #div-2, #div-3, #div-4, #div-5, #div-6, #div-7, #div-8, #div-9, #div-10, #div-11, #div-12, #div-13
{
	clear:both;
	float:left;
	display:none;
}


