@import url("http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700");

body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin:0; background:#FFFFFF url("../images/bkg-body.jpg") left top repeat; }

#content { width: 100%; }

/*--------colonne----------*/
#home{width:75%;}
#home .col-center{ width:62%; padding:0 2%; margin-top:34px;  background: url("../images/bkg-colCenter.gif") left top repeat-y;  }
#home #aside{ width:34%; margin: 0;}

#main-full{ width: 96%; padding:0 2%; margin: 34px 0 20px;}
#main-full>h2{ border-bottom: 1px solid #9C0000; margin-top:-25px;}

#aside{ width: 24%; margin-top: 25px; margin-right: 1%;}
#main{ width: 73%; padding:0 1%; background: url("../images/bkg-main.jpg") left top repeat-y; margin-top:34px;}
#main>h2{ border-bottom: 1px solid #9C0000; margin-top:-25px; margin-bottom: 20px;}

#main-full>.col-center{ width:71%; padding:0 2%; margin-top: 34px; float:left;}
#main-full>#aside{ width: 34%;  margin-top: 25px; position: relative;}

.col-noaside{width: 98%; border-left: 1px solid #9C0000; padding-left:2%; margin-top: 34px; }

.width10 { width: 10%; }
.width20 { width: 20%; }
.width30 { width: 30%; }
.width40 { width: 40%; }
.width50 { width: 48%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width80 { width: 80%; }
.width90 { width: 90%; }
.width100 { width: 100%; }

.page_wrapper{ width:980px; padding:0 22px; overflow:hidden; position:relative; margin: 0 auto;	background-color: #FFFFFF; }

input, select, option{ font-size:11px; color:#555555;}

.left { float: left; }
.right { float: right; }
.gris {	color: #5A5D5A; }
.rouge { color: #9C0000; }
.noir { color: #000000; }
.blanc { color: #FFFFFF; }
.small { font-size: 10px; }
.capital{ text-transform: uppercase;}
.bold{ font-weight:500;}
.arrondis{ -webkit-border-radius: 5px; -moz-border-radius: 5px;	-o-border-radius:5px; border-radius: 5px; }
a:link, a:visited { text-decoration: none; }
.bordered{ border-bottom: 1px solid #9C0000;}
.more{ background: url("../images/btn+.gif") right no-repeat; padding-right:10px; }
.bkgGrey{ background: #E4E4E4 url("../images/coin-more.png") right top no-repeat;}
.bkgJaune{ background: #DE8D00 url("../images/coin-more.png") right top no-repeat;}
.bkgCyan{ background: #6799DE url("../images/coin-more.png") right top no-repeat;}
.shadow{ box-shadow:3px 3px 3px #CCCCCC; }
.detail .detailarticle{ padding-left: 50px; background: url("../images/detail+.jpg") left top no-repeat;}
.detailplus{ padding-left: 50px; background: url("../images/detail-.jpg") left top no-repeat;}
.upper{ text-transform: uppercase;}
img{ border:0;}

a{ color:#5a5a5a;}
a:hover{ color:#9C0000;}

/*--------header----------*/
h1{}
h2{ font-family: 'Roboto', sans-serif; font-weight:300; line-height: 20px; font-size: 20px; margin-bottom: -3px; color: #9C0000;}
h3{ font-family: 'Roboto', sans-serif; font-weight:300; color:#FFFFFF; display: block; line-height: 30px; height: 30px; font-size: 18px;  background:#CCCCCC url("../images/coin-more.png") right top no-repeat; padding:0 10px;}
h4{ font-family:'Georgia',Times,serif; font-weight:normal; color:#333333; display: block; font-size: 15px; padding:0; margin: 0 0 10px 0; }

.col-center>h2{ border-bottom: 1px solid #9C0000; margin-top: -20px;}

.col-noaside>h2{ border-bottom: 1px solid #9C0000;}

/*--------header----------*/
#header{ height:100px; background-color: #9C0000;	}
#header .page_wrapper{ background-color: #9C0000; }
#footer .page_wrapper{ background-color: #9C0000; }
#logo { height: 100px; width: 20%; float: left; z-index: 500; }
#baseline { width: 52%; height: 80px; float:left; padding-top:15px; }
#baseline p{ font-family: 'Roboto', sans-serif; font-weight:100; font-size:14px; color: #FFF; margin: 0; text-align:center; }

#mod-contacts { height: 100px; width: 225px; position:absolute; right:40px; color: #333333; }
address { position:absolute; left:0; top:17px; width: 115px; height: 58px; padding-top:7px; text-align:right; background: #FFFFFF; font-size:13px; padding-right:40px;}
#mod-contacts a.contacts { background: #EFEFEF; color: #9C0000; height: 40px; line-height:40px; width: 100px; position:absolute; text-align: center; right:0; top:27px; border:3px solid #FFFFFF; }
#mod-contacts a:hover.contacts { background: #DFDFDF; }

/*--------menu----------*/
menu, menu ul { height: 32px; margin:10px 0; padding:0; }
menu li{ list-style:none; margin:0; padding:0; float:left; width:139px; border-right: 1px solid #FFFFFF; height:32px; }
menu li a.MenuLien { color: #FFFFFF; height:32px; line-height:32px; display: block; font-family:'Roboto', sans-serif; font-weight:300; font-size: 16px; text-align: center; }
menu li a:hover.MenuLien { background:url("../images/btn-ombre-bottom.png") top left no-repeat; }
#Menu0{ background:#9C0000; }
#Menu1{ background:#DD6600; }
#Menu2{ background:#DE8D00; }
#Menu3{ background:#669900; }
#Menu4{ background:#019966; }
#Menu5{ background:#6799DE; }
#Menu6{ background:#336799; }

/*--------footer----------*/

#footer{ height:82px; background:#9C0000; color:#FFFFFF; margin-top:20px; }
#footer .logo{ width:25%; float:right;}
#footer a{ color:#FFFFFF;}

/*--------col gauche - mod revue----------*/
.revue{ background:#E4E4E4; padding:10px;}
.revue ul{ padding-left:20px; line-height:1.8em; margin-bottom:0; }
#recherche { height: 24px; font-size: 11px; color: #333333; display: block; }
.ChampTexte { font-size: 11px; color: #333333; height: 22px; border: none; }
input.btn-valider{ width: 36px; height: 24px; display: block; background: url("../images/ok01.jpg") left top no-repeat; border: none;}
input:hover.btn-valider{ width: 36px; height: 24px; display: block; background: url("../images/ok01_h.jpg") left top no-repeat; border: none;}

ul.type-revue li{ list-style-image:url("../images/puce-type-revue.gif"); margin:0; padding:0;}
ul.type-revue li a{ color:#9C0000; font-weight:bold;}
ul.liste-revue li{ list-style-image:url("../images/puce-revue.gif"); margin:0 0 0 10px; padding:0;}

/*----------------------*/
.box-interview{ margin: 0 10px 0 0;}
.box-interview p{ margin: 0;}
.box-interview h3{ background:#33291f url("../images/coin-more.png") right top no-repeat; margin-top: 5px;}

/*----------------------*/
.box-outils{ margin: 0 0 0 10px;}
.box-outils a{ margin: 10px 0 0 0; display:block; height:32px; line-height:13px; padding-left: 47px; padding-top:5px; text-transform: uppercase;}
a.outils1{ background: url("../images/icone-outils-1.jpg") left top no-repeat;}
a.outils2{ background: url("../images/icone-outils-2.jpg") left top no-repeat;}

/*----------------------*/
.box-publi{ margin: 0 0 0 10px;}
a.publi1{ margin: 10px 0 1px 0; display:block; height:25px; line-height:26px; background: url("../images/bkg-btn-publi1.jpg") left top no-repeat; color:#FFFFFF; padding-left: 30px;}
a.publi2{ margin: 0 0 1px 0; display:block; height:25px; line-height:26px; background: url("../images/bkg-btn-publi2.jpg") left top no-repeat; color:#FFFFFF; padding-left: 30px;}
a.publi3{ margin: 0 0 1px 0; display:block; height:25px; line-height:26px; background: url("../images/bkg-btn-publi3.jpg") left top no-repeat; color:#FFFFFF; padding-left: 30px;}

/*----------------------*/
.box-dossier h3{ background:#dd6600 url("../images/coin-more.png") right top no-repeat; margin-top: 10px; margin-left:10px;}
ul.liste-dossier{ margin:0; padding:0;}
ul.liste-dossier li{ list-style: none; margin:5px 0; padding:0 10px; list-style: none inside url("../images/puce-dossier.jpg");}

/*----------------------*/
ul.liste-une{ margin:0; padding:0;}
ul.liste-une h4{ margin:10px 0 0; padding:0;}
ul.liste-une li{ list-style: none; margin:0; padding:10px 0; border-bottom:1px solid #CCCCCC;}
ul.liste-une li img.une{ margin:0 10px 0 0; padding:0; }

ul.liste-lien{ margin:20px 0 0 20px; padding:0;}
ul.liste-lien li{ list-style: none; margin:10px 0; padding:0px; list-style: none outside url("../images/puce-dossier.jpg");}
ul.liste-lien li a{ color:#333333; }
ul.liste-lien li a:hover{ color:#9C0000; }

div.recherche-lien h4{ margin:5px 0;}
.download { display:block; text-transform: uppercase; padding:4px 0 4px 15px ; background: url("../images/puce-dossier.jpg") left 2px no-repeat ; border-bottom:1px dotted #9C0000; border-top:1px dotted #9C0000; }

.date{ background: url("../images/bkg-date.gif") left top no-repeat; height: 37px; width: 37px; margin-right:10px; color:#FFFFFF; text-align: center; margin-bottom: 10px; font-size: 10px; }
.date span{ font-size:16px; font-weight: bold;}

.col-center #article{ border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px;}
.col-center #article h4{ margin: 10px 0 10px; padding: 0;}

.col-noaside #article{ border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px;}
.col-noaside #article h4{ margin: 10px 0 10px; padding: 0;}

.colR h4{ margin: 0; padding: 30px 0;}

#article.revu img {margin-right:10px;}

#ordre-alpha{ position: absolute; right:45px ; top:13px; height: 24px;}
#ordre-alpha a{ color:#9C0000;  font-size: 13px;}
#ordre-alpha a:active, #ordre-alpha a:hover{ color:#9C0000; font-weight: bold; }

.resultat{ }
.nav-bottom{ height: 36px;}
.nav-bottom a{ color:#777777;}

.fixed-search{ background: #E4E4E4  ; position: fixed; top: 33%; left: -152px; width:140px; padding-bottom:20px; border:1px solid #CCCCCC; padding-left:10px;}
.open{ left:0;}
#etiquette{ background: url("../images/fixed-search.png") 0 0 no-repeat; position:absolute; display: block; height:50px; width:20px; top: 0; right:-20px; cursor: pointer;}
.box-recherche, .box-annuaire{ padding-left:10px;}
.box-recherche{ padding-bottom: 10px;}
.box-recherche label{ line-height: 20px; font-weight: bold; text-transform: uppercase; font-size: 11px; display: block;}
.box-recherche select { border: medium none; height: 24px; padding: 4px;}
.box-recherche table p, .box-recherche table td{ text-align: center; font-size: 11px;}

.form-contacts {padding-bottom: 10px;}
.form-contacts .width100{ margin:5px 0; height: 20px; }
.form-contacts .width20{ line-height: 16px; }
.form-contacts input, .form-contacts select{ height: inherit; width: 100%;}
.form-contacts input.btn-envoi { width: 135px; height: 32px; margin:0  auto 10px;}

.admin-revue .width20, .admin-revue .width80, .admin-revue .width40, .admin-revue .width60 { height: 26px; float:left; lien-height:26px;}
#new-revue{ padding: 10px; margin-top: 10px; background:#E4E4E4; position: relative;}
.ajouterImg { position:absolute; top:10px; right:0px; display:block; height:80px; padding-top: 20px; border:1px solid #CCCCCC; text-align: center; background: #EEEEEE; margin-right: 10px;}

.box-doc{ position:relative;}
.box-doc h2{ border-bottom: 1px solid #9C0000; margin-top: 12px;}
.action{ position: absolute; top:-2px; right:0px;}

.article{ margin: 5px 0; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; }

.agenda .date2{ width: 16%; background: #9C0000; height: auto; padding:1% 2%; color:#FFFFFF; font-size: 14px; }
.agenda .article{ padding-bottom: 5px;}
.agenda .width80{ width: 76%; padding-top: 1%; margin:0 2%; font-size: 14px;}

.header_account{ background:url("../images/bkg-connect.gif") repeat-x left top;; text-align: center; padding: 3px 0;}
.header_block{ display: inline;}
.header_block a.header_link, .header_block b{ color: #FFFFFF; padding: 0 10px; border-right:1px solid #FFFFFF;}

.liste-utilisateur{ -moz-column-count:4;
-webkit-column-count:4;
-o-column-count:4;
column-count:4;
-moz-column-gap:20px;
-webkit-column-gap:20px;
-o-column-gap:20px;
column-gap:20px;
-webkit-column-rule-width:1px;
-webkit-column-rule-color:#CCCCCC;
-webkit-column-rule-style:dotted;
-moz-column-rule-width:1px;
-moz-column-rule-color:#CCCCCC;
-moz-column-rule-style:dotted;
-o-column-rule-width:1px;
-o-column-rule-color:#CCCCCC;
-o-column-rule-style:dotted;
column-rule-width:1px;
column-rule-color:#CCCCCC;
column-rule-style:dotted;}

.TitreRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #9C0000;
}
.BlockDossier {
	background-image: url("../images/dossier_background.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 390px;
	padding-top: 15px;
	padding-right: 15px;
	color: #999999;
	line-height: 20px;
	margin-bottom: 30px;
}
.agenda {
	width: 380px;
	margin-top: 4px;
	padding: 4px;
	/*height: 31px;*/
	font-size:11px;
}
.Agenda2 {
	margin-top: 4px;
	/*height: 31px;*/
	font-size:11px;
}
.FondGris { background-color: #E7E7E7;}

.newsletter {
	text-align: justify;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.widthMembre {
	width: 48%;
	_width: 51%;
	text-align: center;
	padding: 1%;
	_padding-left: 4%;
}

/*-------CONNEXION----------*/

#mod-connect-membre{ background:#9C0000; padding:10px;}
#mod-connect-membre a{ color:#FFFFFF;}

input.btn_connect{ height:20px; padding:0 10px; border:1px solid #FFFFFF; background:#9C0000; color:#FFFFFF; margin-top: 8px; }
input:hover.btn_connect{ background:#CC0000; }

input.formMembre { height: 24px; width: 100%; border: 1px solid #FFFFFF; margin: 2px 0 5px; }

#acces-reserve{ border:1px solid #9C0000; padding: 10px; background:#EFEFEF;}
#acces-reserve b{ color:#9C0000; font-size: 14px;}
#acces-reserve p{ text-align: justify;}
.log_membre{ border:1px solid #9C0000; padding: 10px; background:#E5E5E5;}

a.lien{ display:block; border-bottom: 1px dotted #CCCCCC; padding: 10px 0;}

.FormDat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9C0000;
	background-color: #FFFFFF;
	height: 18px;
	width: 80px;
	border: 1px solid #9C0000;
	margin-top: 2px;
	margin-bottom: 5px;

}
.Form
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9C0000;
	background-color: #FFFFFF;
	border: 1px solid #9C0000;
	margin-top: 2px;
	margin-bottom: 5px;

}
#cliquez {
	z-index: 100;
	position: absolute;
	height: 42px;
	width: 45px;
	padding-left: 237px;
	padding-top: 17px;
	_padding-top: 0px;

}
.TitreBox01 {
	text-align: left;
	margin-left: 10px;
}
.LaunePhoto {
	width: 110px;
	height: 80px;

}
.LauneResume {
	width: 250px;
	height: 80px;

}

.BoxArticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding: 10px;
	margin-bottom: 10px;
}
.BoxDoc {
	margin-top: 15px;
	text-align: justify;
	padding: 10px;
}


.TitreGris {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4A3842;
}

.Box04 {
	width: 416px;
	_width: 448px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DEDBDE;
	border-left-color: #DEDBDE;
	padding-left: 30px;
	float: left;
}

.VideoAccueil{
	width: 279px;
	height: 224px;
}
.SsMenu{
	display: none;
	position: absolute;
	background-color: #9c0000;
	z-index: 999;
	min-width: 78px;
	color: #ffffff;
}
.gdst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #9C0000;
}
.flash{
	height:280px;
	width:695px;
	background:url("../images/flash.jpg");
	padding-bottom:10px;
}

.flashGauche{
	width:110px;
	float:left;
}


.flashGaucheUnclicked{
	height:83px;
	width:100px;
	_height:90px;
	_width:110px;
	font-size:15px;
	color:white;
	font-weight:bold;
	padding-left:10px;
	padding-top:10px;
	background:url("../images/btn_gris_flash.jpg")
}
.flashGaucheClicked{
	height:83px;
	width:100px;
	_height:90px;
	_width:110px;
	font-size:15px;
	color:white;
	font-weight:bold;
	padding-left:10px;
	padding-top:10px;
	background:url("../images/btn_rouge_flash.jpg")
}

.flashDroite{
	width:575px;
	float:left;
}

.flashHautDroite{
	height:193px;
	width:575px;
}

.flashBasDroite{
	height: 76px;
	_height:77px;
	width: 565px;
	_width: 575px;
	padding-left: 10px;
	padding-top:10px;
	font-size:15px;
	color:white;
	background-color:black;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.basdroite{
	float:right;
	background:url("../images/basdroit.gif");
}
.hautdroite{
	float:right;
	background:url("../images/hautdroit.gif");
}
.hautgaucheselected{
	float:left;
	background:url("../images/hautgaucheselected.jpg");
}
.hautgaucheunselected{
	float:left;
	background:url("../images/hautgaucheunselected.jpg");
}
.basgaucheselected{
	float:left;
	background:url("../images/Basgaucheselected.jpg");
}
.basgaucheunselected{
	float:left;
	background:url("../images/Basgaucheunselected.jpg");
}
.coin{
	height:8px;
	width:8px; 
	background-repeat: no-repeat;
}
.flashBas{
	z-index: 3;
 	position: absolute;
 	left: 283px;
 	top: 317px;
 	width:685px;
	_top: 316px;
	_left: 282px;
	height:8px;
}
.flashHaut{
	z-index: 3;
 	position: absolute;
 	left: 283px;
 	top: 46px;
 	width:685px;
	_top: 54px;
	_left: 282px;
	height:8px;
}
.imageevenement{
  width:100%;
}