/*------------------------------------------------------------*
**  General
**------------------------------------------------------------*/

  html { height: 100%;
    }

  body { 
	margin: 0pt;
    padding: 0pt;
    background: #ffffff url(img/fond.gif) repeat scroll 0% 50%;
    font-family: Arial;
    font-size: 80%;
    color: #5C5C5C;
    height: 100%;
    }

  a { padding: 1px 2px;
    font-size: 1em;
    color: #09367a;
    text-decoration: underline;
    }

  a:hover { color: black;
    }
a.video {
background:url(img/video.jpg) no-repeat;
padding-left:25px;
padding-bottom:5px;
}
a.pdf {
background:url(img/acroread.png) no-repeat;
padding-left:22px;
padding-bottom:5px;
}
a.photo {
background:url(img/camera.gif) no-repeat;
padding-left:25px;
padding-bottom:5px;
}
.stitre{
font-weight: bold;  color: #f06020;
}
  acronym { border-bottom: 1px dotted #cc0000;
    cursor: help;
    }
/*------------------------------------------------------------*
**  Conteneur
**------------------------------------------------------------*/	
  #container { 
	height: auto ! important;
    min-height: 100%;
    position: relative;
    text-align: center;
    }
/*------------------------------------------------------------*
**  EN TETE
**------------------------------------------------------------*/
  #header {
	margin: 0 auto;	
	padding: 0;
    width: 755px;

    }

  #header div { 
    padding: 30px 0px 78px 18px;
    background: transparent url(img/header2.gif) no-repeat scroll 4px 55px;
    text-align: left;

    }

  #header h1 { 
	margin: 0pt;
    padding: 43px 0 0 32px;	
    clear: both;
    font-size: 4em;
    }

  #header h1 a { padding: 0pt;
    font-family: Century Gothic,sans-serif;
    font-weight: normal;
    color: #000000;
	background: transparent url(img/logo.gif) no-repeat scroll;
	display:block;
	text-decoration:none;
    }

  #header h1 a:hover {
  background: transparent url(img/logo2.gif) no-repeat scroll;
    }
	
/*-------------Hack Internet Explorer-------------*/
  * html #header h1 { padding-top: 21px;
    }

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
  #header ul {
	margin: 0;
    padding: 0;
	padding-left: 10px;
    }

  #header li { 
	padding:0;
	margin: 0 0.1em;
    background: transparent url(img/menu.gif) no-repeat scroll 0% 50%;
    display: inline;
    list-style-type: none;
    font-size: 1em;
    width: 98px;
    height: 25px;
    float: left;
    text-align: center;
    font-weight: bold;
    }

  #header li a { display: block;
    width: 100%;
    color: white;
    padding-top: 6px;
    padding-left: 0px;
    text-decoration: none;
    }

	#header li a.select { 
	color: #09367a;
    }
	
  #header li a.on, #header li a:hover { 
	color: #09367a;
    height: 18px;
    text-decoration: none;
    background-color: #f06020;
    }

/*------------------------------------------------------------*
**  Contenu
**------------------------------------------------------------*/
#borduregauche {
	margin: 0 auto;
	padding:0;
	width: 736px;
	background: transparent url(img/motif-gauche.gif) repeat-y scroll top left;
}
#borduredroite {
	margin: 0 auto;
	padding:0;
	width: 737px;
	background: transparent url(img/motif-droite.gif) repeat-y scroll top right;
} 
  * html #content{ padding-bottom: 40px;
    }
  #content:after { content: ".";
    display: block;
    clear: both;
    height: 0pt;
    visibility: hidden;
    }
 #content { 
   margin: 0 auto;
    width: 694px;
	background-color: #ffffff;
	padding-top:10pt;
	padding-bottom:30px;
    }
  #content h2 { margin: 0pt 0pt 20px;
    font-weight: normal;
    font-size: 1.8em;
    clear: both;
    color: #09367a;
    }
#content h2 a, #content h2 em a {
text-decoration:none;
}
  #content h2 em { font-style: normal;
    color: #f06020;
    }
#content h3 {
margin: 16pt 0pt 2pt;
    font-weight: bold;
    font-size: 1.3em;
    clear: both;
    color: #f06020;
}
#content ul.liste {
margin:0;
padding:5pt 4pt;
}
#content ul.liste li {
    background: transparent url(img/liste.gif) no-repeat scroll 0px 5px;
	list-style-type: none;
	padding-left:19px;
padding-bottom:5pt;
line-height:15pt;
}
  #content p.accueil {
    line-height: 1.8em;

    }
  #content p {
  padding:0;
  margin:0;
    line-height: 1.5em;
}
	#left ul.calendrier, #content ul.calendrier  { margin: 20px 0pt;
    padding: 0pt 0pt 0pt 10px;
    }

	#left ul.calendrier li, #content ul.calendrier li{ padding: 0pt 0pt 10pt 25px;
    background: transparent url(img/bullet.gif) no-repeat scroll 0px 8px;
	list-style-type: none;
    line-height: 2em;
    letter-spacing: 0.1em;
    }

  #content blockquote { border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin: 20px 6pt;
    padding: 10px 20px;
    background-color: #fffff0;
    }

  #content blockquote p { margin: 0pt;
    text-indent: 0pt;
    }

/*------------------------------------------------------------*
**  Miniatures
**------------------------------------------------------------*/
  #content ul.thumbs { margin: 20px 0pt;
    padding: 0pt;
    }

  #content ul.thumbs:after { content: ".";
    display: block;
    clear: both;
    height: 0pt;
    visibility: hidden;
    }

  #content ul.thumbs li { margin: 3px;
    padding: 0pt;
    float: left;
    background-image: none;
	list-style-type: none;
    }

  #content ul.thumbs li a img { border: 5px solid #f06020;
    }

  #content ul.thumbs li a:hover img { border: 5px solid #2C61B3;
    }

  html > body #content ul.thumbs li a { background-color: transparent;
    }
/*------------------------------------------------------------*
** centre
**------------------------------------------------------------*/
 #centre{ 
    text-align: justify;
	padding-left:25px;
	padding-right:25px;
    }
/*------------------------------------------------------------*
**  menu gauche
**------------------------------------------------------------*/
 #left { 
	float: left;
    width: 225px;
    text-align: left;
	padding-left:15px;
    }
/*------------------------------------------------------------*
**  menu droite
**------------------------------------------------------------*/

  #right { 
	
	float: right;
	padding-right:25px;
    width: 410px;
    text-align: justify;

    }
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/	

  #footer { border-top: 3px solid #cccccc;
    padding: 10px 0pt;
    position: absolute ! important;
    width: 100% ! important;
    z-index: 500 ! important;
    margin-top: -36px;
    font-size: 11px;
    color: #ffffff;
    background-color: #f06020;
    }

  #footer p { margin: 0pt 10px;
    text-align: center;
    }
#footer a {   color: #09367a;
	text-decoration:underline;
    }
  #footer a:hover { background-color: #ffffff;
    }