@import url('/css/netedit.css');
@import url('/css/print.css');

@media screen{
body{
	color: #333;
	margin: 0px;
	padding: 0px;
}


#form{
	width: 100%;
}

#wrap{
	margin: 0 auto;
	width: 963px;
}

.break{
	clear: both;
}

#topSection{
	height: 92px;
	background: no-repeat top left url('/images/nav/logo.png');
}

#logo{
	float: left;
	width: 273px;
	height: 92px;
}

#logo .logo{
	border: 0px;
	width: 273px;
	height: 92px;
}

#topMenu{
	font-size: 12px;
	float: right;
}

#topMenu div{
	float: left;
	margin: 0 0 0 5px;
}
#topMenu div a, #topMenu div.selected a, #topMenu a:hover{
	color: #fff;
	text-decoration:none;
	background: transparent repeat-x url('/images/nav/menuTop.png');
	background-position: 0px 0px ;
	display: block;
	line-height: 18px;
	padding: 10px 10px 3px 10px;
}

#topMenu div.first a, #topMenu div.first a:hover{
	background: transparent repeat-x url('/images/nav/menuTop.png');
	background-position: 0px 0px ;
	padding: 7px 0px 0px 0px;
}

#topMenu div.selected a, #topMenu a:hover, #topMenu div.first a:hover{
	background-position: 0px  -31px;
}

#topMenu a.langue, #topMenu a.langue:hover, #topMenu a.langue:visited{
	background:none;
	color: #333;
	display: inline-block;
	line-height: 18px;
	padding: 10px 15px 3px 15px;
}

#tools{
	margin: 20px 0 0 0 ;
	clear: right;
	float: right;
	width:400px;
}

#outils{
	width:auto;
	margin: 0 26px 0 0px;
	float: right;
}

#outils a{
	display: inline;
}


#boiteRecherche{
	float: right;
	height:27px;
	line-height:27px;
	width: 175px;
	background: no-repeat url('/images/nav/search.png');
}

.champs_recherche{
	height:27px;
	line-height:27px;
	margin: 0 0 0 4px;
	border: 0px;
	background: transparent;
	width: 140px;
}

#mainBox{
	padding: 7px;
	border: 3px solid #c4c4c4;
}

#innerMainBox{
	height: auto !important;
	height: 600px;
	min-height: 600px;
}

#banner{
	height: 175px;
	clear: both;
}

#bannerLeft{
	float: left;
}

#bannerRotator{
	float:left;
	margin: 0px;
	padding: 0px;
}

#RotatorBanner{
	position: absolute;
	height: 167px;
	width: 525px;
}

#bannerGradient{
	margin:0px;
	padding: 0px;
	position: absolute;
	width: 134px;
	height: 167px;
	z-index: 9999;
	background: no-repeat top left url('/images/nav/bannerGradiant.png');
}

#bottomSection{}

#bottomMainMenu{
	padding: 10px 0px 0px 12px;
	min-height: 72px;
	height: auto !important;
	height: 72px;
	background: repeat-x left -3px url('/images/nav/bottomMenuBkg.png');
}

#bottomMenu{
	clear: both;
	text-align: center;
	color: #333;
}

#bottomMenu a, #bottomMenu a:visited, #bottomMenu a:hover{
	color: #333;
	text-decoration: none;
	padding: 0 3px;
}
#bottomMenu a:hover{
	text-decoration: underline;
}

#bottomMessages{}



ul#bottom{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul#bottom li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	width:20%;
}

ul#bottom li ul{
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

ul#bottom li ul li{
	float: none;
	width:100%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#bottom a, ul#bottom a:visited, ul#bottom a:hover{
	text-decoration : none;
	color: #333;
}

ul#bottom a:hover{
	text-decoration : underline;
}

ul#bottom .titremenu{
	font-weight: bold;
}



#columnLeft{
	float :left;
	width: 300px;
}

#columnLeftIndex{
	float :left;
	width: 290px;
}

#columnRight{
	float: right;
	width: 168px;
}

#columnCenter{
	display: block;
	padding: 0px;
	margin: 0px 180px 0px 311px;
}

#breadcrumb{
	font-size: 11px;
	margin: 0px 0 10px 0;
}

#columnMain{
	min-height: 600px;
	height: auto !important;
	height: 600px;
	border-left: 1px dotted #929292;
	padding: 0 10px 0 10px;
	margin: 0px 0px 50px 300px;
}

#columnMainBox{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#columnMainBox img{
	padding: 3px;
	border: 1px solid #ccc;
}
#columnMainBox img.noborder{
	padding: 0px;
	border: 0px solid #ccc;
}

#columnCenterBox{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.columnHeader{
	clear: both;
	Text-transform: uppercase;
	font-weight :bold;
	font-size:16px;
	border-top : 3px solid #545454;
	border-bottom : 1px solid #000;
	color: #333;
	display: block;
}
.columnHeader a, .columnHeader a:visited, .columnHeader a:hover{
	color: #333;
	text-decoration: none;
}

.columnContent{
	padding: 0px;
	margin: 10px 0 10px 0;
}
.columnContentBox{
	width: 100%;
}

#publications{
	width: 100%;
	float: left;
	margin: 0 0 8px 0;
	background: repeat-y center top url('/images/nav/publicationBkg.png');
}
.publication{
	float: left;
	width: 130px;
	margin: 0 10px;
}

.imagePublication{
	border: 1px solid #ccc;
	padding: 3px;
	width: 118px !important;
	width: 126px;
}

.publication .texte{
}

.titrePublication{
	font-weight: bold;
	color: #000066;
}

.titrePublication a{
	text-decoration : none;
	color: #000066;
}

.resumePublication{
	font-weight: normal;
}

.NewsAndEvents{
	float: left;
}

.imageNews{
	margin: 0 6px 0 0 ;
	float:left;
	padding: 3px;
	border: 1px solid #ccc;
}

.TitleNews{
	color: #000066;
	font-weight: bold;
}
.TitleNews a{
	text-decoration : none;
	color: #000066;
}

.resumeNews{
	float: left;
	width: 310px;
	font-weight: normal;
}

.resumeNewsNoImg{
	font-weight: normal;
}

.NewsSplit{
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0 10px 0;
	border-top: 1px dotted #929292;
	background: repeat-x url('/images/nav/NewsSplit.png');
}

.NewsDate{
	color: #666;
	font-weight: bold;
}

div.MoreLink{
}

.MoreLink, .MoreLink:visited, .MoreLink:hover{
	clear: both;
	text-align: right;
	display: block;
	width: 100%;
	text-transform: uppercase;
	color: #666;
	text-decoration: underline;

}
.MoreLink:hover{
	text-decoration: none;
}

.Projects{
	float: left;
}
.titreProjects{
	color: #000066;
	font-weight: bold;
}
.titreProjects a{
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}

.imageProjects{
	float:left;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	padding: 3px;
}

.resumeProjects{
	width: 160px;
	float: left;
}

.ProjectsSplit{
	float: left;
	width: 100%;
	clear: both;
	background: repeat-x url('/images/nav/NewsSplit.png');
	margin: 8px 0 8px 0;
	border-top: 1px dotted #929292;
}

.adsHome{
	margin: 10px 0 10px 0;
	padding: 10px 0  0 0;
	border-top: 1px dotted #929292;
	text-align: center;
}

#menuVertical{
	border-top: 3px solid #929292;
	border-bottom: 3px solid #929292;
	padding: 10px 0px 0px 0px;
	margin : 4px 0 15px 10px; 
	list-style-type: none;
}

#menuVertical li{
	background: no-repeat left 4px url('/images/nav/bullet_1.png');
	padding: 3px 0px 3px 15px;
	margin: 0px;
	list-style-type: none;
}

#menuVertical li.selected{
	background: no-repeat left 4px url('/images/nav/bullet_1_on.png');
}
#menuVertical li ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#menuVertical li.selected ul li{
	background: no-repeat left 4px url('/images/nav/bullet_2.png');
	padding: 3px 0px 3px 15px;
	margin: 0px;
}
#menuVertical li.selected ul li.selected{
	background: no-repeat left 4px url('/images/nav/bullet_2_on.png');
}

#menuVertical li.selected ul li.selected ul li{
	background: no-repeat left 4px url('/images/nav/bullet_3.png');
	padding: 3px 0px 3px 15px;
	margin: 0px;
}
#menuVertical li.selected ul li ul li.selected{
	background: no-repeat left 4px url('/images/nav/bullet_3_on.png');
}
#menuVertical li a, #menuVertical li.selected li a, #menuVertical li.selected li.selected li a{
	color: #333;
	text-decoration :none;
}
#menuVertical li.selected a, #menuVertical li.selected li.selected a, #menuVertical li.selected li.selected li.selected a {
	color: #b03c3c;
	text-decoration :none;
}

.titreContenuListe {
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Time, Serif;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px dotted #929292; 
}

.titreContenu{
	font-family:Georgia,  "Times New Roman", Time, Serif;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #929292; 
}

.titreContenu a, .titreContenuListe a {
	color: #333;
	text-decoration: none;
	font-family:Georgia,  "Times New Roman", Time, Serif;
	font-size: 20px;
	font-weight: bold;
}

.contenuListe{
	float:left;
	padding: 0 0 5px 0px
}

.contenu {
}

.imageContenu{
	margin:25px 20px 0 0;
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
}

.imageContenuListe{
}

.texteContenu{
	margin:25px 0px 0 0;
}

.subtitle{
	margin: 5px 0px;
	color: #7a7a7a;
}
.subtitle a{
	color: #ff3d3d;
}

#ArticleTools{
	float: right;
	border: 1px solid #ccc;
	width: 70px;
	height: 80px;
	margin: 80px 0 0 10px;
	position: relative;
}
.ArticleTools {
	padding:10px; 
}
.ArticleTools a, .ArticleTools a:visited, .ArticleTools a:hover{
	color: #333;
	text-decoration: none;
}
.ArticleTools a:hover{
	text-decoration: underline;
}

.share{
	background: no-repeat 0px -2px url('/images/nav/icones_share.png');
	padding: 0 0 0 15px;
}
.send{
	background: no-repeat 0px 3px url('/images/nav/icones_send.png');
	padding: 0 0 0 15px;
}

#panelShare{
	position:absolute;
	background: #fff;
	padding: 3px;
	width: 100px;
	height: 100px;
	float: right;
	margin: 77px 0 0 440px ;
}

#panelShareBox{
	border: 1px solid #ccc;
	padding: 10px;
}

#panelShare ul{
	list-style-type: none;
	margin: 10px;
	padding: 0px;
}

#panelShare ul li{
	list-style-type: none;
	margin: 10px 0px;
	padding: 0px;
}

#panelShare a{
	display:block;
	height:16px;
	line-height:16px;
	padding: 0px 0 0 20px;
	background: no-repeat url('/images/nav/widget.png');
}

#panelShare a.facebook{
	background-position:0px -736px;
}

#panelShare a.delicious{
	background-position:0px -464px;
}

#panelShare a.google{
	background-position:0px -1008px;
}

#panelSend{
	position:absolute;
	padding: 3px;
	background: #fff;
	width: 220px;
	height: auto;
	float: right;
	margin: 77px 0 0 320px ;
}
#panelSendBox{
	border: 1px solid #ccc;
	padding: 10px;
}

.Outils_merci{
	position:absolute;
	padding: 3px;
	background: #fff;
	width: 220px;
	height: auto;
	float: right;
	margin: 77px 0 0 320px ;
}
.Outils_merciBox{
	border: 1px solid #ccc;
	padding: 10px;
}

#panelSend .textbox{
	border: 1px dotted #929292
}

#panelSend .submit{
	text-align: center;
	border: 1px solid #929292
}

.titreVideoHome{
	font-weight: bold;
}
.titreVideoHome a{
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}


.resumeListe{
	margin: 0 0 0 125px;
}
.imageListe{
	padding: 3px;
	border: 1px solid #999;
	margin:0px 15px 20px 0;
	float: left;
}

.filtre{
	width: 300px;
}

.filtreItem{
	display: inline-block;
	padding: 0 4px 0 0;
}





}