/*------------------------------------GLOBAL------------------------*/
/*
*{
	margin:0px;
	padding:0px;
}
*/
body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #c7c5c5; 
	width: 100%;
}

#conteneur {
  width:1000px;
	margin:0 auto 10px auto;

	/*padding-right : 245px;*/
	background-color: #F0F0F0;
}

div#non_affiche {
  position: absolute;
  top : -50px;
}

div.cleaner {
  width: 100%;
  height : 0px;
  clear : both;
}

.al_droite  {
  text-align: right;
  float : right;
}
/******************************** HEADER *****************************/
div#header  {
  background-color: #000;
  width : 100%;
  height : 100px;
  position: relative;
}

div#header a.retour_accueil img {
  border: 0px;
  outline: 0px;
}

div#header ul {
  list-style-type: none;
  position: absolute;
  left : 280px;
  margin-bottom : 0px;
  bottom : 0px; 
}

div#header ul li  {
  float : left;
  height : 35px;
  display: inline-block;
  vertical-align: bottom;
}

div#header ul li a  {
  display: block;
  padding : 2px 4px;
  width : 80px;
  height : 31px;
  background-color: #99150e; /*#e72015;*/
  color : #fff;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  -moz-border-radius-topright : 8px;
  -webkit-border-top-right-radius : 8px;
  -moz-border-radius-topleft : 8px;
  -webkit-border-top-left-radius : 8px;

}

div#header ul li a:hover  {
  background-color:  #e51f15; /*#550000;  b31810*/
  color : #fff;
}

div#header ul li a.selected  {
  background-color: #F0F0F0;
  color : #e72015;
}

form#cse-search-box {
  position: absolute;
  right : 5px;
  top : 5px;
}


form#cse-search-box .ip_rech  {
  background-position: 0 -500px !important;
  font-size : 11px;
  width : 120px;
  background-color: #ccc;
}

form#cse-search-box .btn_rech  {
  font-size : 11px;
    background-color: #ccc;
}

/******************************** FOOTER *****************************/
div#footer  {
  width : 100%;
  clear: both;
  text-align: center;
}


div#footer ul {
  list-style-type: none;
  width : 500px;
  margin:0 auto 0 auto;
}

div#footer ul li  {
  float : left;
}

div#footer ul li a  {
  display: block;
  padding : 2px;
  width : 96px;
  background-color: #666666;
  color : #fff;
  text-align: center;
  text-decoration: none;
}

div#footer ul li a:hover  {
  background-color: #F0F0F0;
  color : #000;
}
/******************************** contenu *****************************/
div#contenu {
  padding: 10px;
  min-height: 350px;
}

div#contenu a {
  color: #e72015;
}



/******************************** Accueil *****************************/
div.blc1_acc, div.blc2_acc, div.blc3_acc   {
  float: left;
}

div.blc1_acc  {
  width: 300px;    
  position: relative;
  top : -50px;
}

div.blc2_acc  {
  position: relative;
  width: 660px;
  margin-top : 15px;
  margin-left : 20px;
  margin-bottom : 30px;
}

div.blc2_acc div {
  width: 290px;
  padding : 15px;
  margin-top : 30px;
  margin-left : 30px;
  padding-left : 65px;
  background: #f4f4f4 url(../img/picto_projection.png) no-repeat 5px 20px; 
  border : 2px solid #bfbfbf;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
}

div#player  {
  margin-top: 20px;
}
div.blc2_acc p.accroche  {
  width: 400px;
}

div.blc2_acc ul {
  list-style-type: none;
}

div.blc2_acc ul li  {
  font-style: italic;
  margin-left : 0px;
}

div.blc2_acc img  {
  position: absolute;
  top: 30px;
  right: 0px;
}

div.blc2_acc h4.accroche  {
  width : 250px;
  height : 20px;
  padding : 0 10px;
  margin-top : 50px;
  border: 1px #f5f5f5 solid;
  color: #e72015;
  float: left;
}

div#blc_news ul {
text-align: right;
float: right;
  width: 75%;
  margin-top : 20px;
 border-bottom : 2px solid #99150e;
 list-style-type: none;
}

div#blc_news h4 {
  margin-top : 0px;
  float: right;

  /*background-color: #99150e;*/
  color : #99150e;
  padding : 5px;
}

p#lien_ligue  {
  border: 0px; 
}

p#lien_ligue a  {
  position: relative;
  top : 23px;
}

p#lien_ligue img  {
  border: 0px;
}

div.col_proj {
  clear: both;
  background-color: #fff;
  /* float: left; 
  width: 200px;
  margin-right : 20px; */
  padding : 10px;
}

div.col_proj_simple {
  background-color: #fff;
  float: left; 
  width: 275px;
  margin-right : 20px; 
  padding : 10px;
}

div.col_proj_simple ul li {
      border-bottom : 1px solid #ccc;
}


div.col_proj ul {
  list-style-type: square;
  float: left;
  width: 195px;
  margin-right : 15px;
  padding : 10px;
}

div.col_proj ul li  {
  margin-bottom : 10px;

}

div.col_proj ul li h4, div.col_proj ul li h5, div.col_proj ul li p  {
  margin : 2px 0px;
  max-width : 220px;
}

a.fld {
  background: url(../img/pictos/fleche_d.png) no-repeat 5px 3px;
  padding-left : 20px;
}

a.fld:hover {
  background: url(../img/pictos/fleche_b.png) no-repeat 3px 3px;
}

a.flb {
  background: url(../img/pictos/fleche_b.png) no-repeat 3px 3px;
}

div#blc_news h5, div#blc_projections h5 span{
  font-size: 0.9em;
}

div#blc_news h5 span{
  font-size: 0.85em;
}
ul#menu_proj {
  list-style-type: none;
  margin-top : 20px;
}

ul#menu_proj li {
  display : inline-block;
  margin-left : 0px;
  margin-right : 1em;
}

ul#menu_proj li a {
  display: block;
  padding : 5px;
  background: #d8d8d8 url(../img/pictos/fleche_d.png) no-repeat 5px 8px;
  padding-left : 20px;
  text-decoration: none;
  font-weight: bold;
}

ul#menu_proj li a:hover, ul#menu_proj li a.selected  {
  color : #fff;
  background: #99150e url(../img/pictos/fleche_b_blc.png) no-repeat 5px 8px;
  
  
} 

div#contenu a.phrase_aubrac {
  font-size: 1.3em;
  color: #000;
  position: relative;
  margin : 0 auto;
  text-decoration: none;
  line-height: 1.5em;
  text-align: center;
}

div#contenu a.phrase_aubrac:hover {
  text-decoration: underline;
}

p.phrase_aubrac  span {
  font-size: 0.9em;
}
/******************** Le film *************************/
div.blc2_film {
  margin-left : 100px;
  width: 390px;
}

h4.f_tech{
  text-decoration: underline;
}

p.fiche_tech  {
  line-height: 1.4em;
}

p.fiche_tech span {

  font-weight: bold;
}



/******************** Projections *************************/
div#page_projections img {
  float: right;
}
   /*
div#page_projections h4 {
  width : 500px;  
}
  */
div#page_projections h4.titre1  {
  float: left;
  margin-top : 120px;
}

/******************** Presse *************************/
ul.liste_presse {
  list-style-type: none;
  width : 550px;
  float: left;
}

ul.liste_presse li  {
  margin : 10px 0;
}

a.lien_photo img  {
  border : 4px solid #fff;
}

a.lien_photo:hover img  {
  border : 4px solid #99150e;
}

a.picto_doc, a.picto_pdf, a.picto_tif, a.picto_zip {
  /*display: block;*/
  padding : 2px;
  text-decoration: none;
  border : 2px solid #fff;
  
}

a.picto_doc:hover, a.picto_pdf:hover, a.picto_tif:hover, a.picto_zip:hover {
   background-color: #fff; /*#99150e;*/
 border : 2px solid #99150e;
}

a.picto_doc {
  background: url(../img/pictos/doc.gif) no-repeat 3px 2px;
}

a.picto_pdf {
  background: url(../img/pictos/pdf.gif) no-repeat 3px 2px;
}

a.picto_tif {
  background: url(../img/pictos/tif.gif) no-repeat 3px 2px;
}

a.picto_zip {
  background: url(../img/pictos/zip.gif) no-repeat 3px 2px;
}

div#blc_presse2 {
  padding-left : 20px;
  border-left : 1px solid #000;
  float: left;
  width : 370px;
}

/******************** Réactions *************************/

ul.reaction   {
  list-style-type: none;
  width : 920px;
  margin-left : 30px;
}

ul.reaction li  {
  width: 460px;
  background-color: #fff;
  padding : 10px;
  margin-left : 0px;
  margin-top : 5px;
  border: 1px #d9d9d9 solid
  
}

ul.reaction li.droite  {
  margin-left : 440px;
  text-align: right;
}

ul.reaction li.titre {
  width : 880px;
  padding : 5px 20px;
  color: #99150e;
  background-color: #f7f7f7;
  border-width : 2px;
  font-size: 1.3em;
}

/******************** Commander *************************/
.img_left {
  float : left;
  margin-right : 15px;
  margin-bottom : 50px;
}

p.txt_commander{
  width : 690px;
}

ul.adresse  {
  list-style-type: none;
  margin-left : 220px;
  font-style: italic;
}

div.blc_comp_commander  {
  float : left;
  width : 220px;
  margin-right : 20px;
}

div.cleaner {
  clear: Both;
}

.fl_left  {
  float: left;
}

/**************** recherche ****************/

div#cse-search-results  {
    width: 950px;
  }