/* Reset CSS v1.0 by Eric Meyer | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,  fieldset, form, label, legend{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
html{
  height:100%;
  }
ol, ul, li{ 
  list-style-type:none;
  margin:0;
  padding:0;
  }
blockquote, q{ 
  quotes:none;
  }
blockquote:before, blockquote:after,
q:before, q:after{  
  content:'';content:none;
  }
:focus{  
  outline:0;
  }
ins{  
  text-decoration:none;
  }
del{  
  text-decoration:line-through;
  }
table{  
  border-collapse:collapse;
  border-spacing:0;
  }
a {
color:#58a5ae;
text-decoration:none;
}
a:hover {
color:#2f757d;
text-decoration:underline;
}
/*specific*/  
body{
background:#dbdbdb url(back.jpg) repeat top center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:16px;
padding: 0;
margin:0;
height:100%;
text-align:center;
color:#373737;
}
#global{
background: #dbdbdb url(back1.jpg) repeat-y top center;
width:100%;
text-align:center;
}
#container{
position:relative;
margin: 0 auto;
width:992px;
border-left:2px solid #fff;
}
#header{
height:202px;
text-align:left;
font-family:Arial;
background:url(/style/header.jpg);
}
#headerleft{
height:202px;
width:600px;
}
#logo{
padding:5px 0 0 12px;
width:172px;
float:left;
}
#edition{
text-align:left;
float:left;
margin-left:20px;
width:390px;
}
#edition h1{
color: #000; 
font-size:35px;
font-weight:normal;
line-height:50px;
margin:25px 0 0 0;
}
#edition h2{
color: #fff; 
font-size:26px;
font-weight:normal;
line-height:40px;
}
#edition h3{
color: #000; 
font-size:35px;
font-weight:normal;
line-height:50px;
margin-top:15px;
}
#headerright{
height:202px;
width:320px;
padding-left:35px;
/*background-image:url(header-right.jpg);*/
float:right;
text-align:center;
}
#partenaires {
width:200px;
margin:10px auto 0 auto;
text-align:center;
font-size:13px;
height:170px;
}
#box1 img {
border:1px solid #c7c7c7;
}
#menu{
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
background: #000;
height:20px;
padding: 7px 10px 2px 10px;
font-size:15px;
color:#fff;
font-family:Arial Narrow, Arial;
font-stretch:condensed;
}
#menu a {
color:#fff;
text-decoration:none;
}
#menu a:hover {
color:#fff;
text-decoration:underline;
}
#bandeau1{
height:300px;
background-image:url(sup.jpg);
background-repeat:no-repeat;
background-position:top center;
padding:10px 0;
}
#bandeau1 img{
border:1px solid #c7c7c7;
}
#bandeau1 h1{
color: #c88f33; 
font-size:20px;
font-weight:bold;
margin-bottom:15px;
font-family:Arial;
}


#bandeau1left{
width:520px;
border-right:1px dotted #575757;
padding:15px 20px;
float:left;
text-align:left;
}
#bandeau1left h1{
background:transparent url(puce2.jpg) no-repeat center left;
text-align:left;
padding-left:46px;
}

#bandeau1left p{
padding:10px 0 10px 10px;
font-size:13px;
text-align:left;
line-height:17px;
letter-spacing:1px;
}

#bandeau1right{
width:390px;
padding:15px 20px;
float:left;
text-align:left;
}
#bandeau1right h1{
background:transparent url(puce2.jpg) no-repeat center right;
text-align:right;
padding-right:46px;
float:right;
}
#bandeau1right h2{
color:#000;
font-size:18px;
text-align:right;
float:right;
margin-right:10px;
}
#bandeau1right p{
float:right;
padding:10px 10px 10px 0;
font-size:13px;
text-align:right;
line-height:17px;
letter-spacing:1px;
}
#bandeau1right p.right{
float:right;
text-align:right;
}
#bandeau1righttext{
float:right;
width:185px;
}

#bandeau2{
height:285px;
}
#bandeau2 #case1, #bandeau2 #case3{
width:248px;
height:285px;
background:url(/style/fond1.jpg) top center repeat-x;
float:left;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#bandeau2 #case2, #bandeau2 #case4{
width:248px;
height:285px;
background:#000;
float:left;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#bandeau2 #case1 h2, #bandeau2 #case2 h2, #bandeau2 #case3 h2, #bandeau2 #case4 h2{
color:#fff;
text-transform:uppercase;
font-size:17px;
text-align:left;
margin:8px 0 20px 8px;
font-family:Arial Narrow, Arial;
font-stretch:condensed;
}
#bandeau2 #case1 img, #bandeau2 #case2 img, #bandeau2 #case3 img, #bandeau2 #case4 img{
border:1px solid #fff;
}
#bandeau2 #case1 h3, #bandeau2 #case2 h3, #bandeau2 #case3 h3, #bandeau2 #case4 h3{
color:#fff;
font-size:16px;
text-align:left;
margin:18px 0 0 20px;
font-family:Arial Narrow, Arial;
font-stretch:condensed;
}
#bandeau2 #case1 p, #bandeau2 #case2 p, #bandeau2 #case3 p, #bandeau2 #case4 p{
color:#fff;
font-size:11px;
text-align:left;
margin:0 20px 0 20px;
font-family:Tahoma, Arial;
letter-spacing:1px;
text-align:justify;
}
#bandeau2 a{
color:#fff;
text-decoration:none;
}
#bandeau2 a:hover{
color:#fff;
text-decoration:underline;
}
#bandeau3{

background-image:url(sup.jpg);
background-repeat:no-repeat;
background-position:top center;
padding:10px 0;

}
#bandeau3 img{
border:1px solid #c7c7c7;
}
#bandeau3 h1{
color: #c88f33; 
font-size:20px;
font-weight:bold;
margin-bottom:15px;
font-family:Arial;
}


#bandeau3left{
width:390px;
border-right:1px dotted #575757;
padding:15px 20px;
float:left;
text-align:left;
}
#bandeau3left h1{
background:transparent url(puce2.jpg) no-repeat center left;
text-align:left;
padding-left:46px;
}

#bandeau3left .news{
padding:10px 0 0px 10px;
font-size:13px;
text-align:left;
line-height:17px;
letter-spacing:1px;
}

#bandeau3left .news h3{
color:#000;
border-bottom:1px solid #000;
font-size:13px;
}

#bandeau3left .news .publishedby{
font-style:italic;
color:#a7a7a7;
font-size:11px;
letter-spacing:1px;
}
#bandeau3left .news .rightlink{
font-style:italic;
font-size:11px;
letter-spacing:1px;
text-align:right;
}

#bandeau3right{
width:520px;
padding:15px 20px 0 20px;
float:left;
text-align:left;
}
#bandeau3right #video{
text-align:center
}
#bandeau3right h1{
background:transparent url(puce2.jpg) no-repeat center left;
text-align:left;
padding-left:46px;
float:left;
}
#bandeau3right h2{
color:#000;
font-size:18px;
text-align:right;
float:right;
margin-right:10px;
}
#bandeau3right p{
padding:10px 10px 10px 0;
font-size:13px;
text-align:left;
line-height:17px;
letter-spacing:1px;
}
#bandeau3right p.right{
float:right;
text-align:right;
}
#bandeau3righttext{
float:right;
width:185px;
}
#footer1{
background:url(/style/fond1.jpg);
height:48px;
color:#fff;
border-bottom:1px solid #fff;
text-align:right;
font-style:italic;
font-size:14px;

}
#footer1 table{
float:right;
margin-right:10px;
border:0; 
border-collapse:0; 
padding:0; 
margin:0;
}
#footer2{
background:#000;
height:38px;
color:#fff;
border-bottom:1px solid #fff;
font-size:13px;
text-align:center;
padding:5px;
line-height:18px;

}
#footer2 a{
color:#fff;
text-decoration:none;
}
#footer2 a:hover{
color:#fff;
text-decoration:underline;
}
#main h1{
color: #c88f33; 
font-size:20px;
font-weight:bold;
margin-bottom:15px;
font-family:Arial;
background:transparent url(puce2.jpg) no-repeat center left;
text-align:left;
padding-left:46px;
}

#main {
background-image:url(sup.jpg);
background-repeat:no-repeat;
background-position:top center;
padding:20px 0 20px 20px;
}
#main #breadcrumb{
color:#979797;
font-size:12px;
text-align:left;
margin-bottom:15px;
}
#main #breadcrumb a {
color:#979797;
font-size:12px;
text-decoration:none;
}
#main #breadcrumb a:hover{
text-decoration:underline;
}

#main .liste{
width:95%;
text-align:left;
font-size:13px;
line-height:17px;
letter-spacing:1px;
margin-left:15px;
}
#main p{
text-align:justify;
font-size:13px;
line-height:17px;
letter-spacing:1px;
margin-left:15px;
}

#main h3{
color: #000; 
font-size:18px;
border-bottom:1px dotted #000;
margin:0 0 15px 15px;
padding-bottom:3px;
font-family:Arial Narrow, Arial;
text-align:left;
font-stretch:condensed;
}

#main .ih{
width:96%;
text-align:center;
margin:0 auto;
}
#main .ih p{
text-align:center;
margin:0;
}
#main img {
border:8px solid #dddddd;
}
#main .ih td{
text-align:center;
width:33%;
}
#main .ih h2 {
font-size:18px;
color:#000;
margin:6px 0;
font-family:Arial;
border:0;
text-align:center;
padding:0;
}
#main .ih h4 {
font-size:13px;
color:#575757;
margin-bottom:5px;
border:0;
text-align:center;
margin:0px 0 5px 0px;
padding:0;
font-family:Arial;
}
#main .ih td a{
font-size:14px;
}
#main .ih .logoediteur{
text-align:center;
}

#barredroite{
width:200px;
float:right;
padding-top:30px;
}
#barregauche{
width:745px;
}
#barregauche #auteurinfos{
float:left;
width:455px;
}
#barregauche .cadre{
/*border:1px dotted #c7c7c7;*/
padding:5px;
margin:0 0 15px 15px;
}

#barregauche .news{
margin:15px;
border:2px dotted #c7c7c7;
padding:12px 12px 8px 0;
}

#barregauche .news .content img{
margin:5px 10px;
}

#barregauche .news h3{
padding-left:24px;
background-image:url(puce2.jpg);
background-repeat:no-repeat;
background-position: top left;
margin-bottom:5px;
}
#barregauche .news .date{
color:#c7c7c7;
font-style:italic;
text-align:left;
margin:0 0 5px 15px ;
}
#barregauche .cadre p, #barregauche .cadre h3{
margin-left:0;
}
#barregauche h2 {
font-size:28px;
color:#000;
border-bottom:2px dotted #000;
margin:20px 0px 8px 15px;
text-align:left;
padding:6px 0;
font-family:Arial Narrow, Arial, Tahoma;
font-stretch:condensed;
}
#barregauche h4 {
font-size:20px;
color:#c88f33;
border-bottom:1px solid #c88f33;
text-align:left;
margin:10px 0 3px 15px;
padding-bottom:3px;
font-family:Arial Narrow, Arial, Tahoma;
font-stretch:condensed;
}
#barregauche #photo{
float:right;
}
#barregauche .socialize img{
border:0;
}
#barregauche .socialize{
text-align:right;
margin:15px 0px 0 14px;
font-family:Arial;
letter-spacing : 1px;
line-height:18px;
font-size:13px;
color:#b7b7b7;
border-top:1px dotted #d7d7d7;
padding-top:5px;
}
#barregauche #logoediteur{
float:left;
margin-right:15px;
}
#main .ih .partenaire  .logopartenaire{
float:left;
margin-right:15px;
margin-bottom:10px;
width:140px;
}
#main .ih .partenaire  .partenairesinfo{
float:left;
clear:right;
width:180px;
text-align:left;
margin-bottom:10px;
}
#main .ih .partenaire  .partenairesinfo h2, #main .ih .partenaire  .partenairesinfo p{
text-align:left;
}
#main .ih .partenaire  .partenairesinfo a{
font-size:12px;
}
#barregauche #category{
color:#a7a7a7;
font-style:italic;
text-align:right;
margin-left:15px;
margin-bottom:5px;
}

#barregauche .cadre2{

padding:8px;
margin:0 0 15px 15px;
}

#barregauche .cadre2 #ouvrageright{
padding:5px;
float:right;
width:475px;
margin-right:5px;
}
#barregauche .cadre2 #ouvrageright #ouvragetitle{
font-size:24px;
color: #c88f33; 
font-weight:bold;
margin:0 0 10px 15px;
text-align:left;
font-family:Arial Narrow, Arial, Tahoma;
border-bottom:1px dotted #c7c7c7;
padding:0 0 5px 0;
font-stretch:condensed;
}
#barregauche .cadre2 #ouvrageright #ouvragetitle2{
font-size:24px;
color: #000; 
font-weight:bold;
margin:0 0 10px 15px;
text-align:left;
font-family:Arial Narrow, Arial, Tahoma;
padding:0 0 5px 0;
font-stretch:condensed;
}

#barregauche .cadre2 #ouvrageright #ouvrageinfos{
text-align:left;
font-style:italic;
color:#c7c7c7;
margin:0 0 10px 15px;
}

#barregauche .cadre2 #ouvrageright #ouvrageabstract{
text-align:justify;
}

#barregauche #jaquette{
float:left;
margin:0;
}
#barregauche #jaquette img{
margin:10px auto;
}
#barregauche  .cadre #eventinfos  {
margin-bottom:15px;
font-size:13px;
text-align:left;
line-height:17px;
letter-spacing:1px;
}

#eventbody img, #page img{
margin:5px 10px;
}

#barregauche  .listing  {
margin:0 0 15px 15px;
width:99%
}

#barregauche  .left  {
text-align:left;
padding:8px;
margin:0 0 15px 15px;
font-size:13px;
line-height:17px;
letter-spacing:1px;
}

#barregauche  .listing  .col{
text-align:left;
padding:3px 15px 3px 2px;
border-bottom:1px dotted #d7d7d7;
}


#barregauche .listing .progentete {
color: #000; 
font-size:18px;
font-weight:bold;
border-bottom:1px dotted #000;
margin:20px 0 8px 0px;
padding:15px 0 2px 0;
font-family:Arial Narrow, Arial;
text-align:left;
font-stretch:condensed;
}

#barregauche #progbydate h2, #barregauche #progbycategory h2
 {
font-size:24px;
font-weight:bold;
color:#000;
border-bottom:2px dotted #000;
padding:20px 0px 8px 0px;
text-align:left;
font-family:Arial Narrow, Arial, Tahoma;
font-stretch:condensed;
}
#barredroite .titledroite{
background-color:#c7c7c7;
font-family:Arial Narrow, Arial, Tahoma;
font-stretch:condensed;
color:#fff;
font-weight:bold;
font-size:17px;
height:17px;
padding:5px 10px 5px 5px;
text-align:right
}
#barredroite .textedroite{
text-align:right;
padding:3px 10px 0 0 ;
}

#results{
text-align:left;
}

#results .cadre2 p img{
margin:5px 10px;
}

#footer1 .button{
border:1px solid #fff;
color:#fff;
font-family:Arial Narrow, Arial;
font-stretch:condensed;
font-variant:small-caps;
background-color:#c88f33;
}

#presence{
width:160px;
border:0;
text-align:right;
font-size:11px;
color:#575757;
margin:15px 10px 0 auto;
border-collapse:collapse;
}
#presence td{
padding:2px;
}

#presence td.coche
{
background-image:url(checked.png);
background-repeat:no-repeat;
background-position:top center;
width:19px;
height:20px;

}