/*          Gabarit 2 colonnes  du Front				*/

* 			{ margin:0; padding:0; border: none; text-decoration: none;   }  

body 		{ padding: 0; font-family: Georgia; font-size: 13px; text-align: center; color: #989797; background-color: #2e2e2e }

h1 a 		{ position: absolute; top: 18px; left: 37px; width: 304px; height: 109px; display:block; text-indent: -999em; }
h2   		{ margin: 20px 0 -14px 0px; padding: 0 0 0 8px; font: normal 18px "Trebuchet MS"; color: #630001; position:relative; z-index:1000 }
h3  		{ margin: 10px 0 10px 0px; font-size: 16px ; font-weight:bold; color: #ee0101 }
h3 span  	{ font-size: 12px; font-weight:bold; color: #666 }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

p    		{ font: normal 13px/18px Georgia; margin: 0 0 5px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }

ul li 				{ list-style: none; font: normal 11px/18px arial; margin: 0px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color:#222; text-decoration: underline; font: normal 13px Georgia }
a:hover  { color:#ee0505; text-decoration: underline }

abbr    { cursor: help;  } 



/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 935px; margin: 0 auto;  text-align:left;}
#intro 				 { width:935px; height:135px; background: url(../images/bandeau/header.jpg) left top no-repeat; position:relative }
.contenubottom{ width:935px; zoom:1; position:relative; background-image:url(../images/fond/content-bottom.gif); background-repeat:no-repeat; background-position:left bottom}
.contenutop{ width:935px; zoom:1; position:relative; background-image:url(../images/fond/content-top.jpg); background-repeat:no-repeat; background-position: left top}
#menu-top{ margin-top:2px; margin-left:22px; position:relative; z-index:100000; height:38px }
#menu-top ul{ position:absolute}
#menu-top li{ width:97px; height:42px; float:left; margin:0 1px; padding:0;}
#menu-top li ul{ margin-top:-7px; position:relative}
#menu-top li li{ width:95px;margin:0px 0; padding:0px; border:1px solid #ccc;  text-align:center; height:auto}
#menu-top li li a{ color:#fff; text-decoration:none; font-size:12px; width:95px; display:block; height:100%;background:url(../images/fond/sousli.gif) left top repeat-y;}
#menu-top li li a:hover{ color:#000;background:url(../images/fond/souslion.gif) left top repeat-y;  }
#content 			 { margin: 0 auto; padding:0; width:896px }

.statique{ width:96%; margin:0 auto}
#main .format{ text-align:justify}

#membres { position:absolute; right:20px; top:0px }
#langues { position:absolute; right:20px; bottom:-3px }
#illustrtop{ padding:10px 0 0 0px}

/*			HOME			*/

#next-in{ background:url(../images/fond/next.gif) left top no-repeat; width:896px; height:225px; position:relative}
.next-descri{ position:absolute; top:15px; left:15px; width:615px}
.next-date{ position:absolute; top:99px; left:28px; width:185px}
.next-lieu{ position:absolute; top:99px; left:243px; width:190px}
.next-lieu p{text-align:left}
.next-info{ position:absolute; top:106px; left:488px;}
.next-info p{ text-align:center; line-height:23px}
.titrenext{ font-size:14px; font-weight:bold; color:#ee0101}
.next-illustr{ position:absolute; top:17px; left:642px; width:236px; height:187px}
.next-illustr img{ border:1px solid #949393}
.next-suite{ position:absolute; left:492px; top:168px}

.filinfos{ background:url(../images/fond/filinfos.gif) left top no-repeat; width:231px; height:206px; padding:18px 0 0 20px; position:relative}
.filinfos .rss{ position:absolute; bottom:18px; right:30px}
.filinfos div{ width:180px; margin:10px 0}
.filinfos p{ margin:0}
.titleactu a{ text-decoration:none}

.newsletter{ background:url(../images/fond/newsletter.gif) left top no-repeat; width:227px; height:104px; position:relative}
.newsletter img{ position:absolute; top:46px; left:107px}

.contenthome h2{ margin-top:5px}
.billet{ background:url(../images/fond/billet.gif) left top repeat-x; width:400px}
#billet h2{ text-align:right; margin-bottom:-11px }

div.slideshow {margin: 0px auto; }
div.slideshow p {padding-top: 9px;}
div.slideshow ul {background: #FFF;bottom: -35px;left: 0px; position: absolute;overflow: hidden;padding: 5px 0;z-index: 10001;}
div.slideshow ul a {background-position: 50% 50%;cursor: pointer;display: block;height: 25px; margin-right: 5px; opacity: 0.5;width: 30px;}
div.slideshow ul a.active, div.slideshow ul a:hover {opacity: 1;}
div.slideshow ul li {float: left;list-style: none; }

.colright h2{ text-align:right; margin-bottom:-5px}

.album{width:120px; text-align:center; vertical-align:center; float:left; margin:5px; font-size:11px}
.album-img{ border:1px solid #ccc; width:120px; height:105px; text-align:center; vertical-align:center;}
.album-info{ width:120px; text-align:right;}
.album-info div{ position:relative}
.album-info p{ position: absolute; background-color:#000; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; border:1px solid #555; color:#fff; width:107px; padding:2px; top:24px; left:40px}
.slideshowbis { width:90%; height:482px; border:1px solid #777; padding:10px; margin:0 auto}

/*			Billets			*/
.billets{ border:1px solid #ccc; background-color:#f9f8f8; padding:5px; width:90%; margin:20px auto}
.billets img{ float:left; margin:0 5px 5px 0; background-color:#fff; padding:5px; border:1px solid #ccc}
.billets p img{ float:none; margin:0; background: none; padding:0; border:none}
.retour{ text-align:right; margin:10px 15px 0 0}


/*			Débats			*/
.debats{ border:1px solid #ccc; background-color:#f9f8f8; padding:5px; width:45%; margin:20px 10px; float:left}
.debats_conteneur{ padding:5px; width:100%; float:left}
.photodebat{ background:url(../images/fond/photodebat.jpg) left top no-repeat; width:257px; height:226px; text-align:center; padding-top:25px}
.photodebat img{ border:1px solid #777}
.options{ margin-left:15px}
.options a{ color:#666769; text-decoration:none}
.options a:hover{ color:#000; text-decoration: underline}
.comms{ background:url(../images/fond/comms.jpg) left top no-repeat; width:874px; margin:0 auto; padding-top:30px}
.comms p{ width:93%; margin:10px auto}
.namecomms{ text-align:right; background:url(../images/puce/topname.jpg) right top no-repeat; padding-top:10px; color:#ee0101; font-weight:bold}
.formcomms input{ width:230px; height:20px; border:1px solid #ccc; color:#5d5d5d}
.formcomms textarea{border:1px solid #ccc; color:#5d5d5d}
.formcomms label{ color:#5d5d5d}
.formcomms table{ width:90%; margin:0 auto}

/* 			Footer								   */
#outro 				 { width:935px; height: 31px; clear: both }
#outro p 			 { color:#898987; text-align: right; padding: 6px 0 0 0; font-size:10px; font-family:arial }
#outro p a 			 { color:#898987; text-decoration: none ; font-size:10px; font-family:arial }
#outro p a:hover   		{ text-decoration: underline }


/* 			Formulaires 						  */

form.formatform                  { width: 700px;  margin: 30px auto 15px auto; padding: 15px;  border: 1px solid #e6ebf3;  } 
form.formcontact{ background:url(../images/illustr/formcontact.jpg) right bottom no-repeat}
form.formnews{ background:url(../images/illustr/formnews.jpg) right bottom no-repeat}
form.formlog{ background:url(../images/illustr/formlog.jpg) right bottom no-repeat}
form.formforget{ background:url(../images/illustr/formforget.jpg) right bottom no-repeat}
form.formregister{ background:url(../images/illustr/formregister.jpg) right bottom no-repeat}
form.formsearch{ background:url(../images/illustr/formsearch.jpg) right bottom no-repeat}
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 179px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform  input, textarea          { border: 1px solid #ccc;  }
form.formatform  select          { border: 1px solid #ccc;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
				 
.titresaison{ width:96%; border-bottom:1px solid #ccc; color:#2e2e2e; font-weight:bold; font-size:16px; margin:0 auto}


/* 			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #ee0101 }
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.bold{ font-weight:bold}
.red{ color:#ee0101}
.pttgris{ font-weight:bold; font-size:11px; color:#6f6f6f; font-family:Georgia; text-decoration:none;}
.fleft{ float:left; margin:0 15px 15px 0}
.fright{ float:right; margin:0 0 15px 15px}


/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: #990000; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/error.gif) left 2px no-repeat;  }



/* -------------------------------    */

div.element-s    { width: 172px;  background: url(../images/fond/element-s.gif) left top repeat-y;   } 
div.element-bot  {  background: url(../images/fond/element-bot.gif) left bottom no-repeat;  } 
div.element-top  {  padding: 37px 0px 10px 0px;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 

/* 			Page Mentions						   */
.adr 	{ margin: 20px 0 15px 57px }
.adr2 	{ margin: 20px 0 15px 45px ;}
.adr p, .adr2 p	{ text-align:center}
.adr, .adr2 { float: left; height: 246px; padding: 0; width: 363px; background: url(../images/fond/mentions.gif) left top	 no-repeat; padding-top:47px; color:#fff }
.conformement { font: normal 10px arial; text-align:center }