/* style des images cliquables de class imglink */
.imglink  { 
	margin-left: 10px; 
	border : 1px solid #dcdcdc;
	padding: 5px;
	background-color: #dcdcdc;
}

/* style des images cliquables de class imglink au passage de la souris */
a:hover .imglink  { 
	border : 1px solid #dcdcdc;
	background-color: #afc6e9;
	margin-left: 10px; 
}
/* style des images cliquables de class imglink2  */
.imglink2 { 
	border : 1px solid #fff;
}

/* style des images cliquables de class imglink2 au passage de la souris */
a:hover .imglink2  { 
	border : 1px solid #ff6600;
}

/* style des images cliquables de class imglink3 */
.imglink3 { 
	margin-left: 50px; 
	border : 1px solid #dcdcdc;
	padding: 5px;
	background-color: #dcdcdc;
}

/* style des images cliquables de class imglink3 au passage de la souris */
a:hover .imglink3  {
	margin-left: 50px; 
	border : 1px solid #dcdcdc;
	padding: 5px;
	background-color: #afc6e9;
}

/* style des images cliquables de class imglink4 */
.imglink4 { 
	margin-left: 0px; 
	border : 1px solid #dcdcdc;
	padding: 5px;
	background-color: #dcdcdc;
}

/* style des images cliquables de class imglink4 au passage de la souris */
a:hover .imglink4  {
	margin-left: 0px; 
	border : 1px solid #dcdcdc;
	padding: 5px;
	background-color: #afc6e9;
}

/* style des icones cliquables de class icongo */
a.icongo img{
	background-image: url(img/vide.gif);
	border: none; 
	width: 9px;
	height: 15px; 
	margin: 0;
	padding: 0;
}

a.icongo { 
	background-image: url(img/icongo_5.png);
	background-repeat: no-repeat;
	background-position: top right;
	width: 10px ;
	margin: 0;
	padding: 0 10px 0 0;
	color: black;
	text-decoration: none;
} 

a.icongo:hover { 
	background-position: right -15px; 
	text-decoration: none;
}

/* style des liens text par défaut*/
a:link {
	color:#ff6600;
	text-decoration:none;
}
 
/* style des liens text visités */
a:visited {
	color:#ff6600;
	text-decoration:none;
}

/* style du body */
body
{
	margin: 10px 0;
	padding: 0 ;
	font-size: 0.8em;
	font-family: "Trebuchet MS", verdana, sans-serif ;
}
/* marges haute et basse à 10px et les marges droite et gauche à 0 */
/* padding à 0 pour le browser Opera qui définit des padding par défaut du body */
/* text-align: center ; pour IE pour centrer les éléments de type block avec ce navigateur */

/* style du conteneur principal */
div#conteneur
{
	width: 770px ;
	margin: 0 auto ;
	border: 1px solid #cccccc;
}
/* largeur 770 max pour un non scroll en 800/600 */
/* margin: 0 auto ; pour centrer les éléments blocks ou div */

/* style du titre h1 */
h1#header
{
	float: left;
	width: 300px; 
	font-size: 1.8em ;
	color: #ff6600;
	margin-left: 20px;
}

/* style du menu de type unordered list */
ul#menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#menu2
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* style des list */
ul#menu li
{
	float: left;
	text-align: center;
	background-color: #cccccc; 
    width: 117px ;
    height: 110px; 
	overflow: hidden; 
}
ul#menu2 li
{
	float: left;
	text-align: left;
	background-color: #cccccc; 
    width: 72px ;
    height: 110px; 
	overflow: hidden; 
}
/* On rend les li en flottant pour pouvoir les afficher horizontalement, et on centre le texte */

/* style des liens de list */
ul#menu li a
{
    height: 110px; 
	padding-top: 90px; 
	padding-bottom: 5px;
    font-size: 1.2em ;
    font-weight: normal ;
    letter-spacing: 2px ;
    color: #fff ;
    text-decoration: none ;
	font-family: verdana;
    /*border-left: 2px solid #fff ;*/
	display: block;
}
ul#menu2 li a
{
    height: 110px; 
	padding-top: 90px; 
	padding-bottom: 5px;
    font-size: 1.2em ;
    font-weight: normal ;
    letter-spacing: 2px ;
    color: #fff ;
    text-decoration: none ;
	font-family: verdana;
	padding-left:5px;
    /*border-left: 2px solid #fff ;*/
	display: block;
}
/* dimension hauteur largeur possible grâce à la propriété display: block ; */
/* ajout image de fond pour donner le style; */
ul#menu li a.bg6{
    background: url(img/bg6_menu.png) no-repeat 0 0 ;
}
ul#menu li a.bg7{
    background: url(img/bg7_menu.png) no-repeat 0 0 ;
}
ul#menu li a.bg8{
    background: url(img/bg8_menu.png) no-repeat 0 0 ;
}
ul#menu2 li a.bg9{
    background: url(img/bg9_menu.png) no-repeat 0 0 ;
}
/* style des liens de list  au passage souris*/
 ul#menu li a.bg6:hover, ul#menu li a.bg6.selected
{
	background: url(img/bg6_menu.png) no-repeat 0 -110px ;
	color: #fff ;
}
ul#menu li a.bg7:hover, ul#menu li a.bg7.selected
{
	background: url(img/bg7_menu.png) no-repeat 0 -110px ;
	color: #fff ;
}
ul#menu li a.bg8:hover, ul#menu li a.bg8.selected
{
	background: url(img/bg8_menu.png) no-repeat 0 -110px ;
	color: #fff ;
}
ul#menu2 li a.bg9:hover, ul#menu2 li a.bg9.selected
{
	background: url(img/bg9_menu.png) no-repeat 0 -110px ;
	color: #fff ;
}
/* décalage de l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image*/

/* style des div contenu*/
div.contenu 
{
	padding: 0 20px 0 20px ;
}
/* mise en place d'un espace à gauche et à droite du contenu*/

/* style des titres h2 des contenu*/
div.contenu h2
{
	clear:left;
	padding-left: 30px ;
	line-height: 25px ;
	font-size: 1.4em ;
	background: url(img/arrow.png) no-repeat left bottom ;
	color: #555555 ;
	border-bottom: 1px solid #ff6600 ;
}
/* Mise en forme du titre de page, avec ou sans petite image, on décale le texte en fonction de l'image, on donne un couleur au texte et on met une bordure basse */

/* style des titres h3 des contenu*/
div.contenu h3
{
	margin-left: 20px ;
	margin-right: 480px;
	font-size: 1.2em ;
	padding-left: 5px ;
	border-bottom: 1px solid #ff6600 ;
	border-left: 1px solid #ff6600 ;
	color: #555555 ;
}


/* style paragraphes  des contenus*/
div.contenu p
{
	text-align: justify ;
	text-indent: 20px ;
	line-height: 1.7em ;
	color: #333333 ;
}
/* alignement justifié, alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout  et faciliter la lecture*/

/* style des liens contenu dans la page */
div.contenu a
{
	color: #ff6600 ;
	text-decoration:none;
}

/* style des liens contenu dans la page  au passage de la souris*/
div.contenu a:hover
{
	color: #ff6600;
	text-decoration:underline;
}
/* style des listes ol et des liens de ol contenu dans le menu de gauche  de type ol*/
div.contenu ol
{
	color: #333333 ;
	text-decoration:none;
	line-height: 1.7em ;
}

div.contenu ol a
{
	color: #333333 ;
	text-decoration:none;
}

div.contenu ol a:hover
{
	color: #ff6600;
	text-decoration: none;
}

/* style des listes ul de classe sitemap du sitemap*/
ul.sitemap
{
	list-style-type: square ;
	color: #333333 ;
	line-height: 25px ;
}

/* style des listes ul et des liens de ul contenu dans le sitemap*/
div.contenu ul.sitemap
{
	color: #333333 ;
	text-decoration:none;
}

div.contenu ul.sitemap a
{
	color: #333333 ;
	text-decoration:none;
}

div.contenu ul.sitemap a:hover
{
	color: #ff6600;
	text-decoration: none;
}

div.contenu ul.sitemap a:hover span{
    color: #ff6600;
	text-decoration: none;
}

/* style des liens contenu dans la page pour la navigation en bas de page */
div.contenu  a.textlink
{
	color: #333333 ;
	text-decoration:none;
}
/* style des liens contenu dans la page pour la navigation en bas de page au passage souris */
div.contenu a.textlink:hover
{
	color: #ff6600;
	text-decoration:none;
}


/* style du footer*/
div#footer
{
	height: 20px ;
	margin: 0 ;
	padding: 10px ;
	text-align: center ;
	color: #333333 ;
	font-size: smaller;
}
/* style du footer2*/
div#footer2
{
	height: 20px ;
	margin: 0 ;
	padding: 5px ;
	text-align: center ;
	color: #333333 ;
	font-size: smaller;
}
/* style des liens contenu dans le footer */
div#footer2 a
{
	color: #333333 ;
	text-decoration:none;
}

/* style des liens contenu dans le footer  au passage de la souris*/
div#footer2 a:hover
{
	color: #ff6600;
	text-decoration:underline;
}

/* style des elmts contenu dans les span*/
span{
	color: #333333 ;
	font-style: italic;
	font-size: 12px;
}

/* style du formulaire de contact*/
td, th{
	color: #333333 ;
}

div#info p
{
	font-size: 12px;
	color: #555555 ;
	vertical-align:middle;
	text-align: center;
}
div#citation p
{
	font-style: italic;
	font-size: 12px;
	color: #555555 ;
	background-color:#dcdcdc;
	border: 1px solid #808080;
	vertical-align:middle;
	text-align: justify;
	padding: 10px 50px;
}

/* style des images de menu */
.imgmenu{ 
	border : none;
	position:relative;
}
/* style des images thumbs de diaporama*/
.imgdia { 
	border : 3px solid white;
}
/* style des images full de diaporama*/
.image { 
	border : 10px solid white;
}
/* style des images d'en tête de paragraphe dans bibographie*/
.imgtitle { 
	float: right;
	margin: 2px 50px 2px 2px;
}

.imgbiblio { 
	float: left;
	margin: 2px 2px 2px 2px;
}

/* style des images de class imgcenter */
.imgcenter { 
	border : 1px solid #dcdcdc;
	padding: 5px;
	margin: 2px 2px 2px 300px;
	background-color: #dcdcdc;
}
/* style des images cliquables de class imgcenter au passage de la souris */
a:hover .imgcenter  { 
	border : 1px solid #dcdcdc;
	background-color: #afc6e9;
}
/* style des images de class imgright  */
.imgright { 
	border : 1px solid #dcdcdc;
	float: right;
	padding: 5px;
	margin: 2px 0px 2px 2px;
	background-color: #dcdcdc;
}
/* style des images cliquables de class imgright au passage de la souris */
a:hover .imgright  { 
	border : 1px solid #dcdcdc;
	background-color: #afc6e9;
}
/* style des images de class imgleft  */
.imgleft { 
	border : 1px solid #dcdcdc;
	float: left;
	padding: 5px;
	margin: 2px 2px 2px 0px;
	background-color: #dcdcdc;
}
/* style des images cliquables de class imgrleftau passage de la souris */
a:hover .imgleft  { 
	border : 1px solid #dcdcdc;
	background-color: #afc6e9;
}

/* style des images de class imgleftsign  */
.imgleftsign { 
	border : 1px solid #dcdcdc;
	float: left;
	padding: 5px;
	margin: 5px 10px 0px 0px;
	background-color: #dcdcdc;
}
/* style des images cliquables de class imgrleftau passage de la souris */
a:hover .imgleftsign  { 
	border : 1px solid #dcdcdc;
	background-color: #afc6e9;
}

div.biblio 
{
	display: block ;
    min-height: 120px;
}

div#menubar{ 
	border : none;
	margin: 0 auto ;
	padding:10px;
	text-align:center;
}

div.contenu p.koform {
	font-style: bold;
	font-size: 12px;
	color: #ff0000 ;
	background-color:#dcdcdc;
	vertical-align:middle;
	text-align: justify;
}

div.contenu p.okform {
	font-style: bold;
	font-size: 12px;
	color: #000000 ;
	background-color:#dcdcdc;
	vertical-align:middle;
	text-align: justify;
}

div.spacer{ 
	clear: left;
	border : none;
	margin: 0 auto ;
	padding:10px;
	background-color: #fff;
	text-align:center;
}

div.spacer2{ 
	clear: left;
	border : none;
	margin: 0 auto ;
	padding:5px;
	background-color: #fff;
	text-align:center;
}

div.spacer3{ 
	clear: left;
	border : none;
	margin: 0 auto ;
	padding:0px;
	background-color: #fff;
	text-align:center;
}

div.galerie{ 
	display: block ;
	float: left;
    height: 300px;
	width: 320px;
	border:1px solid #dcdcdc;
	margin: 6px ;
	padding:5px;
	background-color: #efefef;
}

div.galerie2{ 
	display: block ;
	float: left;
	text-align: center;
    height: 100px;
	width: 135px;
	border:1px solid #dcdcdc;
	margin: 6px ;
	padding:5px;
	background-color: #efefef;
}

div.galerie h3
{
	margin-left: 90px ;
	margin-right: 100px;
	font-size: 1.2em ;
	padding-left: 5px ;
	border-bottom: 1px solid #ff6600 ;
	border-left: 1px solid #ff6600 ;
	color: #555555 ;
}