body {
	background-color:#eee; font-family:arial;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

	background: -webkit-gradient( linear, left top, left bottom, from(#cccccc),to(#ffffff));
	background: -webkit-linear-gradient(top,#cccccc,#ffffff);
	background: -moz-linear-gradient(top,#cccccc,#ffffff);
	background: -o-linear-gradient(top,#cccccc,#ffffff);
	background: linear-gradient(top,#cccccc,#ffffff);*/
}


@font-face {
    font-family: 'din';
    src: url('data/font/dinCond.eot');
    src: url('data/font/dinCond.eot?#iefix') format('embedded-opentype'),
         url('data/font/dinCond.woff') format('woff'),
         url('data/font/dinCond.ttf') format('truetype'),
         url('data/font/dinCond.svg#DINCondMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4{font-family:'din',Arial, Helvetica, sans-serif; font-weight:normal;}
h1{	font-size:1.8em; }
h2{	font-size:1.4em; }
h3{	font-size:1.2em; }
h4{	font-size:1em; }
p{	font-family:Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.2em;}
p a{color:#900; text-decoration:none;}
p a:hover{color:#f00; text-decoration:underline;}
.clear{ clear:both; padding:0px; margin:0px; height:0px; }


/*--- ANCIENNE PAGE ----*/
.co1, .co2, .co3, .co4, .co5, .co6{	margin:5px;	float:left; }
.co1{ width:150px; }
.co2{ width:310px; }
.co3{ width:470px; }
.co4{ width:630px; }
.co5{ width:790px; }
.co6{ width:950px; }

.blanc{ color:#FFF; }
.rougesouligne{	color:#F00; text-decoration:underline; font-weight:bold; }
.separe{ border-bottom:1px solid #000; padding-bottom:20px; margin-bottom:20px; }

.co6 h1{ border-bottom:1px solid #000; padding-bottom:10px; font-size:2.5em; color:#f00; }


#ssmenu {background:#fff;}
#ssmenu a{font-size:12px; color:#000; padding:10px; border-bottom:1px dotted #ccc; display:block; text-decoration:none; }
#ssmenu a:hover{ text-decoration:underline; }
#ssmenu .select a{ background:#eee; font-weight:bold; padding-left:15px; text-decoration:underline; background-image:url(data/layout/btn-fleche.png); background-position:center left; background-repeat:no-repeat;}

.Sous_Titre{ font-size:18px; }
.Gros_Titre{ font-size:24px; }
.Sous_Titre_rouge{ font-size:18px; color:#F00; }
.Gros_Titre_rouge{ font-size:24px; color:#F00; }
/*------------------*/

#newsletter, #entete, #content, #pied_int{margin-right:auto; margin-left:auto; display:block; position:relative; }

#newsletter{ width:960px; height:30px; padding:15px; background-color:#333; color:#fff; border-bottom:1px solid #CCC; display:none;}
#news0 h1 { float:left; font-family:'din'}
#news0 p { float:right; margin-top:5px;}

#entete{ width:990px; z-index:99; }
#entete img{ float:left;}

#nav_1{ float:right; }
#nav_lg_news{float:right;}
#nav_lg_news li{float:left; white-space:pre; white-space:nowrap; display:block; background:#fff; color:#555; font-family:'DIN', arial; font-size:14px; margin-left:5px; padding:5px 8px; -moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;}
#nav_lg_news li a{ color:#333; text-decoration:underline;}
#btn_newsletter{ width: 160px;}
#nav_sociaux{color:#555; font-family:'din', arial; float:right; margin-top:20px;}
#nav_sociaux li {float:left; padding-left:10px; margin:0;}
#socio_like{margin-bottom:20px;}
#socio_like li{float:left;}


#nav{
background:#000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: -webkit-gradient(linear,left top, left bottom,from(#444444),to(#000000));
background: -webkit-linear-gradient(top,#444444,#000000);
background: -moz-linear-gradient(top,#444444,#000000);
background: -o-linear-gradient(top,#444444,#000000);
background: linear-gradient(top,#444444,#000000);
margin-top:6px;  height:35px; font-family:'din', arial; opacity:1; text-shadow:0px -1px #333; }
#nav a{color:#eee; text-decoration:none;}
#nav a:hover,
#nav_gauche li ul li:hover > a{color:#fff; text-decoration:underline;}

#nav_gauche{float:left; padding:10px; position:relative; }
#nav_gauche li{position:relative; float:left; color:#fff; padding:0 10px 0 10px; border-right:1px solid #555; font-size:18px;}
#nav_gauche li:last-child{border:none;}
#nav_gauche li ul{ display:none; background:#000; position:absolute; z-index:999; top:17px; left:5px;
-webkit-box-shadow: 0px 5px 10px #333;
-moz-box-shadow: 0px 5px 10px #333;
box-shadow: 0px 5px 10px #333;
}
#nav_gauche li ul li{float:none; border-bottom:1px dotted #555; padding:10px; border-right:none; min-width:90px; }

#nav_gauche li:hover {cursor:pointer;}
#nav_gauche li:hover ul,
#nav_gauche li ul:hover {display:block;}
#nav_gauche li ul li:hover{ display:block }

#nav_gauche #nav_event ul{  width:250px; left:-40px;}
#nav_gauche #nav_event li{ position:relative; font-size:90%; padding:7px 0px; margin-left:50px;}
#nav_gauche #nav_event .date{ display:block; position:absolute; color:#555; width:40px; border:none; left:0px; padding:5px; margin:2px;}
#nav_gauche ul .select{background-color:#333; text-indent:5px;}

#nav_droit{float:right; padding:12px; font-size:0.8em}
#nav_droit li{float:left; color:#fff;}
#nav_droit li{float:left; color:#fff; padding:0 10px 0 10px; border-right:1px solid #555}
#nav_droit li:last-child{border:none;}


#nav_gauche .select ul li a {color:#fff; text-decoration:none;}

#nav_gauche .select a,
#nav_gauche .select, 
#nav_droit .select a{color:#fff; text-decoration:underline;}


#actu{position:relative; margin:10px auto; background:#000; width:990px; height:344px; overflow:hidden;}
#content,
#actu{
border:1px solid #ddd;
border:none; !important;
-webkit-box-shadow: 0px 0px 10px #999;
-moz-box-shadow: 0px 0px 10px #999;
box-shadow: 0px 0px 10px #999;
}
#actu_display li{display:block; position:absolute; top:34px; left:0;}
#actu_remote{position:relative; margin:0 auto; height:34px; background:#fff;}
#actu_remote img{float:left;}
#actu_remote li{float:left; padding:8px 15px; font-family:din, arial;}
#actu_remote li a{ color:#000; font-size:18px; text-decoration:none;}
#actu_remote li a:hover{ text-decoration:underline;}
#actu_remote .select{ text-decoration:underline;}
/* si IE*/
#actu_ie{position:relative; margin:10px auto; width:990px; height:330px; overflow:hidden;}
/* --- */
#content{position:relative; width:970px; margin:15px auto 0px auto; padding:10px; background:#fff;}

#bloc_frise{width:630px; border-bottom:2px solid #333; float:left; margin:5px; position:relative}
#bloc_frise h1{ font-family:din; background:#333; padding:5px; color:#fff; text-shadow:0px -1px #000;}
#bloc_frise_nav{position:absolute; top:0px; background:#fff; border-bottom:2px solid #555; height:30px; width:630px;}
#bloc_frise_nav li {padding:6px; float:left; display:block; font-family:din,arial; font-size:18px;}
#bloc_frise_nav a {color:#555; text-decoration:none;}
#bloc_frise_nav a:hover { text-decoration:underline;}
#bloc_frise_nav .select { background:#555; color:#fff; text-shadow:0px -1px #500; padding:5px;}


#bloc_frise_liste_container {height: 504px; width: 630px; overflow: hidden; margin-top: 30px; position: relative}
#bloc_frise_liste { position: absolute; top:0; left: 0}


#bloc_frise_liste ul li{top:0px; width:550px; margin-left:80px; padding:10px 0px; border-bottom:1px dotted #555}
#bloc_frise_liste ul p{position:absolute; left:0px; width:65px; font-family:din,arial; font-size:25px; border-top:1px solid #000; padding: 10px 5px; margin-top:-1px; }
#bloc_frise_liste h1,
#bloc_frise_liste h2,
#bloc_frise_liste h3{font-family:din,arial;}
#bloc_frise_liste h1{padding:0; background:none; color:#000; text-shadow:none;}
#bloc_frise_liste h2,
#bloc_frise_liste h3{color:#888; line-height:1.3em; font-size:1.2em;}
#bloc_frise_liste_info{float:left;}
#bloc_frise_liste ul li img{ width:100px; height:80px; display:block; float:left; margin-right:15px}
#bloc_frise_liste li a{ color:#333; }
#bloc_frise_liste li:hover > a h1 { color:#000; text-decoration:underline;}

.bloc{float:left; width:310px; margin:5px;}
.bloc h1{color:#fff; font-family:'din'; display:block; background:#ccc; text-shadow:0px -1px #333; padding:5px;}

.slider{ border-left:1px solid #ccc; border-right:1px solid #ccc; }
.controls { border-left:1px solid #ccc; border-right:1px solid #ccc; height:30px; }

#slider, #slider2{ }

#slider ul li{float:left; width:308px; height:100px; overflow:hidden;}
#slider2 ul li{float:left; width:308px; height:150px; overflow:hidden;}
#slider3 ul li{float:left; width:990px; height:300px; overflow:hidden;}
#slider3 {border:none;}

#slider2 ul li .img_catalogue {width:120px; height:120px; overflow:hidden; padding:10px 5px;; float:left; text-align:center;}
#slider2 ul li .img_catalogue img{max-width:100px; max-height:120px;
-webkit-box-shadow: -3px 3px 5px #ccc;
-moz-box-shadow: -3px 3px 5px #999;
box-shadow: -3px 3px 5px #999;}

#controls_actu li,
#controls_info li,
#controls_lib li{float:left;}
#controls_actu{border:none; background:#fff; padding-left:5px;}
#controls_actu li a,
#controls_info li a,
#controls_lib li a{float:left; text-decoration:none; margin-left:3px; font-size:30px; color:#ccc; top:0px}
#controls_actu .current a{color:#000;}
#controls_lib .current a{color:#993366;}
#controls_info .current a{color:#f00;}


.info_int{padding:10px; float:right; width:150px;}
.int{ padding:10px; }
#bloc_info li img{float:left; width:110px; margin:10px;}
#bloc_info{ border-bottom:2px solid red; background:#fff;}
#bloc_info h1{background-color:#f00;}
#bloc_info a{color:#333;}
#bloc_info h3{margin-bottom:5px;}
#bloc_info a:hover h3{text-decoration:underline;}

#bloc_librairie{position:relative; border-bottom:2px solid #993366; background:#fff;}
#bloc_librairie h1{background:#993366;}
#bloc_librairie li img{}
#bloc_librairie li h3{margin:0px 0px 5px 0px;}
#bloc_librairie li p{font-size:11px; margin:0px 0px 5px 0px;}
#bloc_librairie .slider_remote .select{background-color:#ff6600;}
#bloc_librairie .plus{ position:absolute; display:block; left:70px; bottom:0px; margin:10px; font-size:11px;}
#bloc_librairie .plus a{color:#888;}
#bloc_librairie .plus a:hover{color:#993366; text-decoration:underline;}

#bloc_expo_tournee{ border-bottom:2px solid #1c7f88; background:#eee;}
#bloc_expo_tournee h1{background-color:#1c7f88;}
#bloc_expo_tournee ul{padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#bloc_expo_tournee li{ position:relative; display:block; height:70px; margin-bottom:1px; background:#fff;}
#bloc_expo_tournee a h2{font-family:din,arial; color:#000; padding:5px;}
#bloc_expo_tournee a p{font-family:'din', arial; color:#444; padding:0px 5px; font-size:14px;}
#bloc_expo_tournee img{ display:block; width:100px; height:70px; margin-right:10px; float:left; background:#ccc;}
#bloc_expo_tournee li:hover > a h2{text-decoration:underline;}
#bloc_expo_tournee .encours{width:auto;height:auto; background:none; position:absolute; right:-34px; top:2px;}

#bloc_sociaux{ width:630px; border-bottom:2px solid #0099ff; background:#fff;}
#bloc_sociaux h1{background:#0099ff;}
#bloc_sociaux_int{background:#fff; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#bloc_sociaux a img{ padding:10px;}
#bloc_sociaux .live_sociaux{ margin:5px; width:300px; float:left;}


#bloc_contact{ border-bottom:2px solid #555; background:#fff;}
#bloc_contact h1{ background:#555;}
#bloc_contact ul{ width:308px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
#bloc_contact li{ float:left; width:140px; margin:5px; }


#avis_public li{ list-style:none; padding:10px; border-bottom:1px dashed #ccc; background:#fff; }
#avis_public a{ font-size:12px; padding:5px; background:#f00; display:compact; float:right; border-radius:5px;  
background: -webkit-gradient(linear,left top, left bottom,from(#f00),to(#c00));
background: -webkit-linear-gradient(top,#f00,#c00);
background: -moz-linear-gradient(top,#f00,#c00);
background: -o-linear-gradient(top,#f00,#c00);
background: linear-gradient(top,#f00,#c00);
text-shadow:0px -1px #c00;
color:#fff;}
#avis_public a:hover{background:#c00; text-decoration:underline;}
#espacepro_log{ float:right; margin:5px; width:290px; color:#333; padding:10px; background:#eee; border:1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#espacepro_log p form{font-size:12px;}
.bgd_black{padding:10px; background:#000; color:#fff; margin-bottom:10px;}

#pied{background:#333; margin-top:-20px;}
.pied_int{width:960px; margin:0 auto; padding-top:50px;}
.pied_colonne{ float:left; width:150px; margin:5px; }
.pied_colonne p,
.pied_colonne a{ color:#999; font-size:12px; text-decoration:none;}
.pied_colonne a:hover{ color:#ccc; text-decoration:underline;}
.pied_colonne li{ line-height:10px; padding-bottom:3px;}
.pied_colonne li ul{ margin:10px;}
.pied_colonne h3{font-family:din,arial; color:#aaa; text-shadow:0px 0px 5px #000; margin-bottom:15px; border-bottom:1px solid #555; padding-bottom:10px; font-size:130%}
.pied_colonne img{margin:0px 10px 20px 0px; display:block;}
#pied_event{ width:300px;}
#pied_event li {margin-bottom:5px;}

#pied_partenaire{ background:#fff; text-align:center; }
#parteniare_int{ margin:10px auto;}


#revue li{ padding:10px 0px; border-bottom:1px dashed #eee;}
#revue h2{ font-family:Georgia, times,arial;  text-align:left; width:auto; margin:0px 0px 5px 0px ; }
#revue h3{ float:left; margin:5px; padding:5px 15px 5px 5px; background:#000; font-size:16px; color:#fff;  background-image:url(data/img/illu-event-boutfleche.png); background-position:center right; background-repeat:no-repeat;}
#revue p{ font-size:11px; text-align:left; color:#555;  margin:5px 0px;}

.mini_form input[type=submit]{padding:5px; margin-left:0px; border:1px solid #999; color:#fff; font-weight:bold; text-shadow:0px -1px #555;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius:  0px 5px 5px 0px;
border-radius:  0px 5px 5px 0px;
background: #888;
background: -webkit-gradient(linear,left top, left bottom,from(#cccccc),to(#888888));
background: -webkit-linear-gradient(top,#cccccc,#888888);
background: -moz-linear-gradient(top,#cccccc,#888888);
background: -o-linear-gradient(top,#cccccc,#888888);
background: linear-gradient(top,#cccccc,#888888);
}
.mini_form input[type=submit]:hover{background:#777;}

.mini_form input[type=text], .mini_form input[type=password]{
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
margin:0px; padding:5px; height:14px; border:1px solid #999; border-right:none;
}

#librairie li{float:left; margin:10px; width:353px; border:1px solid #eee; padding:10px;}
#librairie li .img_catalogue{vertical-align:center; height:200px; width:130px; overflow:hidden; float:right; margin:0px 0px 0px 20px;}
#librairie li img{max-height:200px; max-width:130px; overflow:hidden;}
#librairie h3{text-transform:uppercase; font-size:1.5em;}
#librairie p{font-size:11px;}
#librairie strong{font-size:14px;}
#librairie h3,
#librairie p{margin-bottom:10px;}