body {padding: 0px margin-top: 20px; background-color: #313131;}
* { font-size: 11px; font-family: Arial; color: #000;}
img { border: 0px none; margin: 0px ; }


p { margin: 5px 0px; padding: 0px;}
ul { list-style-type:none; padding:0px; margin:0px }
table { border-spacing: 0px; border-collapse: collapse; }
td {vertical-align: top; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { text-transform: uppercase; color:#ea9504; font-size: 13px; padding-left: 10px; }
h4 { text-transform: uppercase; color:#ea9504; font-size: 13px; text-align: left; margin-left: 30px;}
h5 { font-size: 1.1em; }
h6 { font-size: 1  em; }
.cache { display: none}
.message { font-weight: bold; color: red; text-align: center;}
div.alaune  { text-transform: uppercase; color: #666; font-size: 20px; font-weight: bold; margin: 5px;}
div.alaune h1 {display: inline; color: #EA9504; font-size: 14px; float: right; }
hr { color: #CCC; background-color: #CCC; height: 1px; border: 0; 	margin: 10px; clear: both; }
br.clear { clear:both; margin-bottom:5px; }

img.imgBorder { border: 1px dashed #666; margin: 8px;}

table.general{ width: 990px; margin: 0px auto; border-spacing: 0px; border-collapse: collapse; }
table.general tbody td , table.general tfoot td {padding: 2px; }
table.general thead td  {padding: 0px; }
table.general td.col1 { width: 180px; background-color: #F7F7F7; padding-left:10px; padding-top: 10px}

table.general td.col1 h3 {padding-left: 20px; }
table.general td.col2 { width: 496px; background-color: #FFF; padding: 0px 0px 20px 0px;}
table.general td.col3 { width: 306px; background-color: #F7F7F7; padding-top: 10px}
table.general td.bandeau { height:154px;  background-image: url("/images/charte/fond_bandeau_1.jpg");}
table.general td.bandeau3 { background-color: #414141; }
table.general td.bandeau3 * {color: #FFF; float:left;}
table.general td.bandeau3 input[type=text] { border: none; background-color: #a4a4a4; margin-top: 3px; padding: 3px; width:170px;}
table.general td.bandeau3 input[type=submit] { border: none; background-color: #414141; margin: 5px 5px 0px 5px; width: 40px;  cursor: pointer; text-align: left; background: url("/images/charte/flOk.jpg") no-repeat top right  }
table.general td.bandeau3 label { padding: 7px 5px 2px 0px; }
#cse-search-box {float:right;}
#cse-search-box input[type=text] { color: #000; }
#cse-search-results iframe { width: 475px; height: 700px; }
#cse-search-results { width: 480px; margin: 5px; }
#cse-search-box { float: right; }


table.general  .logo { float:left; }
table.general tr td.bandeau  .pub { float:right; margin: 0px; position:relative; top: 5px; }
@media  print {ul.nav { visibility: hidden; display: none; } }

input[type=button],input[type=submit]  { margin: 2px; border: 1px solid #666;}
input[type=submit]  { margin-left: 0px; } 

ul.blocnote { list-style-type: disc; padding:0px; margin: 5px 10px 5px 20px;  list-style-position: inside; }
ul.blocnote li { margin: 0px; margin-bottom:5px; color: #666;}
ul.blocnote li span.texte { color: #000; }

div.depeche , div.depecheOn{  margin-bottom: 3px; background-color: white; width: 300px;}
div.depeche div.entete, div.depecheOn div.entete  { color: #666; padding: 5px 10px; cursor: pointer }
div.depeche div.entete:hover, div.depecheOn div.entete:hover  { border-left: 1px solid #E5E5E5; }
div.depeche div.titre, div.depecheOn div.titre  { font-weight: bold; }
div.depeche div.texte { display: none;padding: 5px; border-bottom: 1px solid #E5E5E5; background-color: #FFF; }

div.depeche   div.entete {  background: #f7f7f7 url("/images/charte/depeche_off.jpg") no-repeat top right;}
div.depecheOn div.entete {  background: #e5E5E5 url("/images/charte/depeche_on.jpg")  no-repeat top right;}

img.left { padding: 0; margin: 0 5px 5px 0; float: left;}
a.right { float: right;}
div.margin50 { margin: 5px 50px }
div.margin50 a { color: #666; text-decoration: none;}

a.archives { color: #666; display: block; background: #f7f7f7 url("/images/charte/depeche_off.jpg") no-repeat top right; margin: 0px; padding: 10px 30px 2px 2px; text-align: right;}

div.article {width: 490px; background-color: #F7F7F7; margin: auto; padding: 0px;}
div.article div.texte { display: none; }
div.article div.toggle {cursor:pointer; color: #666; display: block; background: #f7f7f7 url("/images/charte/depeche_off.jpg") no-repeat top right; margin: 0px 10px; padding: 9px 30px 4px 30px; text-align: right; text-decoration: underline;}
div.articleOn div.toggle {background: #e5e5e5 url("/images/charte/depeche_on.jpg") no-repeat top right; margin: 3px 0px; }
div.article h3 { margin: 5px 0px 0px 0px; padding: 15px 0px 3px 0; text-transform: uppercase; color: #bbb; }
div.article h3 div { float: right; font-weight: normal; margin-top: 3px; margin-right:5px; }
div.article h2 { margin: 10px 0px; padding: 0px 3px; font-size: 22px; color: #666; font-weight: normal; }
div.page {width: 480px; background-color: #F7F7F7; margin: 10px; padding: 10px;}
div.article img.left {margin: 0px 6px 0px 3px; }
div.texte, div.chapo { text-align: justify; margin: 5px;  }
div.chapo  { font-weight: bold; }
div.signature { text-align: right; margin: 5px; color: #666;  }
div.nbreactions { text-align: right; margin: 5px; color: #999;}
ul.archives {margin: 20px 20px;}
ul.archives li { padding: 5px; color: #666; border-bottom: 1px dashed #CCC; margin-bottom: 5px;}
ul.archives li a { color: #000;}
ul.archives .titre {font-weight: bold}
ul.archives .chapo { padding: 2px 0px  0px 10px; font-weight: normal; }
ul.archives .texte { padding: 2px 0px  0px 10px;  }


/* --------- Pager ------------- */
table.pager { margin:auto; }
table.pager th {width: 10px; font-weight: normal;}
table.pager a{ padding: 1px 4px; text-decoration: none; }
table.pager a.active{ color: #039; font-weight: bold; border-bottom: 1px solid #039;}
table.pager a:hover{ background: #CDCDCD;  }


/* --------------- Menu ----------------- */
div.menu a {display: block; float: left; height: 35px; }
a.menu1 { width: 103px; background-image: url('/images/charte/menuOff_1.jpg'); }
a.menu2 { width: 128px; background-image: url('/images/charte/menuOff_2.jpg'); }
a.menu3 { width: 121px; background-image: url('/images/charte/menuOff_3.jpg'); }
a.menu4 { width: 131px; background-image: url('/images/charte/menuOff_4.jpg'); }
a.menu5 { width: 88px; background-image: url('/images/charte/menuOff_5.jpg'); }
a.menu6 { width: 91px; background-image: url('/images/charte/menuOff_6.jpg'); }
a.menu7 { width: 149px; background-image: url('/images/charte/menuOff_7.jpg'); }

a.menu1:hover { background-image: url('/images/charte/menuOn_1.jpg'); }
a.menu2:hover { background-image: url('/images/charte/menuOn_2.jpg'); }
a.menu3:hover { background-image: url('/images/charte/menuOn_3.jpg'); }
a.menu4:hover { background-image: url('/images/charte/menuOn_4.jpg'); }
a.menu5:hover { background-image: url('/images/charte/menuOn_5.jpg'); }
a.menu6:hover { background-image: url('/images/charte/menuOn_6.jpg'); }
a.menu7:hover { background-image: url('/images/charte/menuOn_7.jpg'); }

.rubrique1 { color: #aa199f }
.rubrique2 { color: #dc046e }
.rubrique3 { color: #efbd0c }
.rubrique4 { color: #00af61 }
.rubrique5 { color: #00b3ba }
.rubrique6 { color: #008bc7 }
.rubrique7 { color: #4441a3 }


div.meteo table{ width: 190px; float:left;}
div.meteo table td { vertical-align: middle; color: #666; padding: 0px; font-weight: bold; font-size: 12px;padding: 2px 5px;}
div.meteo table th { vertical-align: middle; color: #666; padding: 0px; font-weight: bold; font-size: 12px; text-align: right; padding: 2px 5px;}

table.general tfoot td { background-color: #191919;}
table.general tfoot th { background-color: #373737; font-weight: normal; font-size: 14px; text-transform: uppercase; }
table.general tfoot td,table.general tfoot th { color: white;text-align: left; padding-left: 10px;}
table.general tfoot th { border-top: 10px solid #191919; }
table.general tfoot td { border-bottom: 5px solid #000; padding-bottom: 15px;}
.filetleft { border-left: 2px groove #333; }
table.general tfoot td div { float: left; width: 100px; margin: 6px;}
table.general tfoot a {  text-decoration: none; text-transform: uppercase; font-weight: bold;}
table.general tfoot li a { padding-left: 10px; text-transform: none; color: white;font-weight: normal;}
table.general tfoot a:hover {text-decoration: underline;}
table.general tfoot img {margin: 0px 3px 0px 0px;}

 
div.pub { text-align: center; margin: 5px auto;}
.bandeau .pub {float: right; width: 760px; padding-top:30px;}

table.cinema { border-spacing: 20px; border-collapse: separate; }
table.cinema th { vertical-align: top;}
table.cinema td { width: 300px; vertical-align: top;}
table.cinema div.titre { font-weight: bold; margin-bottom: 5px; font-size: 12px; }

div.rotator { background-color: #F7F7F7; }
div.rotator img { float: left; }
div.rotator img.cinema {width: 45px; margin: 2px; }
table.archives { float: right; width: 300px;}

div.reactions { border-bottom: 1px solid #ea9504; padding-bottom: 5px; margin: 5px 0px 10px 30px;}
div.reactions div { margin: 2px 4px 0px 4px; padding: 0px 4px 4px; border: 1px solid #AAA; background-color: #DDD; }
div.reactions h3 { text-align: right; border-bottom: 1px solid #ea9504; color: #ea9504; margin: 3px 0px 5px;}
div.reactions p { text-align: right; color: #666; font-style: italic; margin: 0px;}

textarea, form input[type=text] { border: 1px solid #999;}
textarea { height: 200px; }
form.reaction { padding: 20px; }
form.reaction textarea, form.reaction input[type=text]  {width: 300px; padding: 3px; }
ul.error_list li { color: red;}
form th , form td { font-weight: normal; padding: 5px;}
form th { text-align: right; }
a.reaction { display:block; text-align:center; font-size: 14px; font-weight: bold; padding: 5px;}
div.reportage { padding:10px; }
div.reportage img { height: 60px; margin: 1px; border: 1px solid #666;}  
div.vignette img { margin: 3px 6px;  float:left;}
a.supOrange {padding-right: 13px; background: url("/images/charte/supOrange.png") no-repeat right;}
div.video { background-color: #000; z-index: 2500; }
div.video object { background-color: #000; z-index: 2500; }

 
 
 #telechargez-iPhone .btn_telechargez{
        float:left;
        margin:10px;
        background:url(/images/iPhone-7aPoitiers.png) no-repeat scroll left top transparent;
        display:block;
        width:146px;
        height:135px;
        overflow:hidden;
}
#telechargez-iPhone .btn_telechargez:hover {
        background-position:0px -135px;
}  
class.fb-like { padding: 3px;}

div.egalement {margin: 5px 10px 20px 10px;}
div.egalement p { font-weight: bold;}