/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#fff repeat-x;
color: #ffffff;
font:80% Verdana,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

img{ border:0px;}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#000065;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#000065;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#ffffff;
margin:0 auto;
text-align:left;
width:980px;
padding: 0;
}



#sitename{
background:url("/gif/header_bg.jpg") top center repeat-x;
height:95px;
margin:0px;
width:980px;
}

#sitename_gauche{
height:95px;
margin:0px;
padding:0px;
width:205px;
float: left;
}

#sitename_droite{
height:95px;
margin:0px;
padding:0px;
width:775px;
float: right;
}
#sitename_droite p{
color:#000000;
font-size:0.9em;
margin: 0px auto;
padding: 60px 20px 0px 0px;
text-align:right;
}
#sitename_droite a{
color:#000000;
font-weight:600;
margin: 0px 2px;
}

#sitename_droite a:hover{
color:#000000;
text-decoration:underline;
}
#top_menu{
height:32px;
}


#nav{
background:url("/gif/bg_header.jpg") top center repeat-x;
float: left;
height: 43px;
width:980px;
margin: 0;
padding: 0;
}
#top1{
background: #6176B5;
clear:both;
height:40px;
margin:0px;
padding:0px;
width:980px;
display:block;
}
#top1_gauche{
background:url("/gif/top1_left.jpg") top left no-repeat;
height:40px;
margin:0px;
padding:0px;
width:541px;
float: left;
}

#top1_droite{
background:url("/gif/top1_right.jpg") top right no-repeat;
height:40px;
margin:0px;
padding:0px;
width:439px;
float: right;
}

#top2{
background: #93B2E0;
clear:both;
height:107px;
margin:0px;
padding:0px;
width:980px;
display:block;
}
#top2_gauche{
background:url("/gif/top2_left.jpg") top left no-repeat;
height:107px;
margin:0px;
padding:0px;
width:515px;
float: left;
}
#top2_gauche a#logo{
background:url("/gif/top2_left.jpg") top left no-repeat;
height:107px;
margin:0px;
padding:0px;
width:515px;
float: left;
}

#top2_droite{
background:url("/gif/top2_right.jpg") top right no-repeat;
height:107px;
margin:0px;
padding:0px;
width:465px;
float: right;
}
#top3{
background: #6176B5 url("/gif/top3.jpg") top right no-repeat;
clear:both;
height:12px;
margin:0px;
padding:0px;
width:980px;
display:block;
}
#content_haut{
  clear:both;
  margin:0px;
  border: 0;
  min-height: 229px;
  _height: 229px;
}

#content_gauche{
background: url("/gif/logo.jpg") top left no-repeat;
margin:0px;
padding:0px;
border: 0;
width:248px;
min-height: 219px;
_height: 219px;
float:left;
}
#content_gauche a#logo {
background: url("/gif/logo.jpg") top left no-repeat;
border: 0;
width:248px;
height: 101px;
margin-top : 0px;
float:left;
}

#content_gauche div#sous_logo{
background: url("/gif/sous_logo.gif") bottom right no-repeat;
width:248px;
height: 118px;
}


#content_centre{
width:569px;
margin-left:207px;
}
#content_centre_top{
min-height: 127px;
_height:127px;
}

#content_centre_menu{
background: url("/gif/menu_centre_bg.jpg") top left repeat-x;
min-height: 33px;
_height:33px;

}

#content_centre_menu_gauche{
width:366px;
min-height: 33px;
_height:33px;
float:left;
}

#content_centre_menu_droite{
width:203px;
min-height: 33px;
_height:33px;
float:right;
}
#content_centre_menu_droite p{
color:#ffffff;
font-size: 11px;
width:202px;
font-weight:800;
margin: 0px auto;
padding: 0px 0px 0px 0px;
text-align:left;
}
#content_centre_menu_droite a{
color:#ffffff;
margin: 0px 5px;
}

#content_centre_menu_droite a:hover{
color:#ffffff;
text-decoration:none;
}
.recherche {
color:#ffffff;
font-size: 11px;
font-weight:800;
}

#content_centre_anim{
background: #000000;
min-height: 60px;
_height:60px;
}



#content_droite{
background: url("/gif/appelez_nous.jpg") top left no-repeat;
margin:0px;
padding:0px;
width:143px;
height: 219px;
float:right;
}

#content_droite_boite{
 background: url("/gif/boite_droite_bg.jpg") top left repeat-y;
 margin:0px;
 padding:0px;
 width:143px;
 min-height: 80px;
 _height: 80px;
 margin-top : 10px;
float:right;
}
#content_droite_boite p{
color:#ffffff;
font-size:0.8em;
font-weight:900;
width:140px;
margin: 0px auto;
padding: 0px 10px 0px 10px;
text-align:justify;
}

#content_droite_boite a{
color:#ffffff;
font-weight:900;
margin: 0px 10px;
}

#content_droite_boite a:hover{
color:#ffffff;
text-decoration:none;
}

#content_droite_boite_top{
 background: url("/gif/boite_droite_top.jpg") top left no-repeat;
}

#content_droite_boite_bottom{
 background: url("/gif/boite_droite_bottom.jpg") bottom left no-repeat;
}

#content_container_accueil{
background: url("/gif/content_bg.jpg") top left repeat-y;
  clear:both;
  margin:0px;
  border: 0;
  min-height: 550px;
  _height: 550px;
  display:block;
}

#content_bas_accueil{
  background: url("/gif/contain_bg.jpg") bottom left no-repeat; 
  clear:both;
  margin:0px;
  border: 0;
  min-height: 550px;
  _height: 550px;
  display:block;
}
/*
#photo_prof{
background: url("/gif/photo_gauche.gif") bottom left no-repeat;
 clear:left;
  width: 196px ;
  height: 266px;
  display:block;
  float:left;
}
*/
#content_bas_accueil_droite{
width:721px;
_width:720px;
min-height: 500px;
_height: 500px;
margin-left:259px;
}

#content_container{
background: url("/gif/nav_bg_2.jpg") top left repeat-y;
  clear:both;
  margin:0px;
  border: 0;
  min-height: 500px;
  _height: 500px;
  display:block;
}

#content_bas{
 background: url("/gif/photo_gauche.gif") bottom left no-repeat;
  clear:both;
  margin:0px;
  border: 0;
  min-height: 500px;
  _height: 500px;
  display:block;
}

#content_bas_gauche{
margin:0px;
padding:0px;
width:248px;
/*height: 219px;*/
float:left;
}

#content_bas_gauche_bottom{
margin:0px;
padding:0px;
width:248px;
min-height: 450px;
_height:450px;
}




#content_centre_droite a{
/*background: #EFEFEF;*/
color:#005496;
/*font-size:1.1em;*/
font-weight:900;
margin: 0px 7px;
}

#content_centre_droite a:hover{
color:#005496;
text-decoration:underline;
}

#content_centre_nav_accueil{
width:518px;
min-height: 460px;
_height: 460px;
float:left;
}

#content_centre_nav_accueil_content{
color:#083050;
font-size:0.9em;
line-height:1.2em;
font-family:Verdana,Arial,sans-serif;
width:518px;
min-height: 460px;
_height: 460px;
margin: 0px auto;
padding: 10px 0px 0px 10px;
text-align:justify;
}
#content_centre_nav_accueil_content div#photo_bas {
width: 113px;
height: 91px;
float:right;
}

#content_centre_nav{
width:755px;
min-height: 500px;
_height: 500px;
margin-left:259px;
}

#content_centre_nav_content {
color:#083050;
/* font-size:0.9em;*/
/*line-height:1.2em;*/
font-family:Verdana,Arial,sans-serif;
width:710px;
margin: 0px auto;
padding: 15px 0px 0px 25px;
text-align:justify;
}
/*
#content_centre_nav_content p{
color:#083050;
 font-size:0.9em;
line-height:1.2em;
font-family:Verdana,Arial,sans-serif;
width:680px;
margin: 0px auto;
text-align:justify;
}
*/
#content_centre_nav_content div#photo_bas {
width: 113px;
height: 91px;
float:right;
}
/* Deux cases en bas au centre  debut */

#content_centre_bas{
background: #3E92DA url("/gif/blanc_separateur_verti.jpg") top center repeat-y;
min-height: 240px;
_height:240px;
color:#ffffff;
}
#content_centre_bas_gauche{
background: #3E92DA;
width:279px;
min-height: 240px;
_height:240px;
float:left;
border: 0px;
}
#content_centre_bas_gauche p{
color:#ffffff;
font-size:0.9em;
line-height:1.4em;
font-weight:900;
width:255px;
margin: 0px auto;
padding: 10px 10px 10px 10px;
text-align:justify;
}

#content_centre_bas_gauche a{
color:#ffffff;
font-weight:900;
margin: 0px 10px;
}

#content_centre_bas_gauche a:hover{
color:#ffffff;
text-decoration:none;
}

#content_centre_bas_droite{
background: #3E92DA;
width:227px;
min-height: 240px;
_height:240px;
float:right;
border: 0px;
}
#content_centre_bas_droite p{
color:#ffffff;
font-size:0.9em;
line-height:1.4em;
width:260px;
font-weight:900;
margin: 0px auto;
padding: 10px 10px 10px 10px;
text-align:justify;
}

#content_centre_bas_droite a{
color:#ffffff;
font-weight:900;
margin: 0px 10px;
}

#content_centre_bas_droite a:hover{
color:#ffffff;
text-decoration:none;
}
/* Deux cases en bas au centre fin */

#content_bas_droite{
margin:0px;
padding:0px;
width:164px;
min-height: 500px;
 _height: 500px;
float:right;
}
#content_bas_droite a#accueil{
background: url("/gif/accueil.jpg") top right no-repeat;
border: 0;
width:164px;
height: 29px;
margin-top : 0px;
float:right;
}

#content_bas_droite a#contact{
background: url("/gif/contactez-nous.jpg") top right no-repeat;
border: 0;
width:164px;
height: 29px;
margin-top : 0px;
float:right;
}
#content_bas_droite a#plan{
background: url("/gif/plan_du_site.jpg") top right no-repeat;
border: 0;
width:164px;
height: 22px;
margin-top : 0px;
float:right;
}

#footer{
background: url("/gif/footer_bg.jpg") top left repeat-x;
clear:both;
height:21px;
margin:0px;
padding:0px;
width:980px;
display:block;
}

#footer p{
color:#ffffff;
font-size:0.8em;
width:900px;
margin: 0px auto;
padding: 1px 0px 0px 0px;
text-align:center;
}

#footer_gauche{
background: url("/gif/footer_gauche.jpg") top left no-repeat;
height:20px;
margin:0px;
padding:0px;
width:12px;
float:left;
}

#footer_droite{
background: url("/gif/footer_droite.jpg") top right no-repeat;
height:20px;
margin:0px;
padding:0px;
width:12px;
float:right;
}

#footer a{
color:#ffffff;
font-weight:900;
margin: 0px 10px;
}

#footer a:hover{
color:#ffffff;
text-decoration:none;
}


.menublock{
margin-bottom:10px;
}

.nav{
color:#000065;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url("/gif/boxbg.gif") top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}


.clear {
  clear: both;
  width: 100%;
  display: block;
  height: 5px;
  overflow:hidden;
}

.info {
padding-left: 40px;
}
.titre_msg  { font-size: 14pt; color: #ff0000; }
form.inline { display: inline; }
table#docs        { padding: 0px; margin: 0px; border: 1px solid #2F92DC; }
table#docs th     { background-color: #1F6396; color: #ffffff;  padding: 3px 5px 3px 5px;}
table#docs tr.tr0 { vertical-align: middle; background-color: #f6f6f6; }
table#docs tr.tr1 { vertical-align: middle; background-color: #e1e1e1; }
table#docs tr.tr2 { vertical-align: middle; background-color: #FEFEFE; }
table#docs td     { color:#000000; padding: 3px 5px 3px 5px; }
table#docs td  a   { color:#000000; font-style:normal; font-weight:normal; text-decoration:underline;}
table#docs td  a:hover  { color:#000000; font-style:normal; font-weight:normal; text-decoration:underline;}