@charset "UTF-8";
/* CSS Document */


/* design scroolbar */


body::-webkit-scrollbar {
    width: 10px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


li{
    list-style: none;
}


.li-menu,.li-menu2 {
    margin: 0 0 3% 3%;
}

.li-menu-g {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 1.3rem;
    text-indent: 0;
    color: #666 !important;
    text-align: left;
    margin-left: 5%;
}

.li-menu-g a{
    color: #666 !important;
}

.li-menu-g a:hover{
    color: #999 !important;
}


.li-menu a{
    font-family: 'Raleway', sans-serif;
    font-size: .95rem;
    font-weight: 400;
    text-indent:0;
    margin-left: 5%;
    color: #444 !important;
}

.li-menu a:hover{
    font-family: 'Raleway', sans-serif;
    font-size: .95rem;
    font-weight: 400;
    margin-left: 5%;
    text-indent:0;
    color: #999 !important;
}

.li-menu2 a, .li-menu2 a:hover{
    font-family: 'Raleway', sans-serif;
    font-size: .95rem;
    font-weight: 400;
    margin-left: 5%;
    text-indent:0;
    color: #999 !important;
}

#entier-coindre{
    width: 100%;
    clear: both;
}
.li-entier-lgd{
    font-size: .8rem;
    line-height: 1rem;
    margin: 1% 0 4% 0;
    text-indent: 0;
}

ul.inline{ 
    margin: 0;
    padding: 0;
}

.li-entier{
    width: 48%;
}

ul.inline li{ 
    margin: 0;
    display: inline-block;
    height: auto;
    vertical-align:text-bottom;
}


.mCSB_inside>.mCSB_container {
    margin-right: 0 !important;
}

.scroll_das
{
	overflow-y:scroll;
	overflow-x:hidden;
	height:1200px;
	width:auto;
	padding-right:10px;
	z-index:100;
}

.scroll_das::-webkit-scrollbar {
    width: 5px;
}
 
.scroll_das::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.scroll_das::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}





.scroll_das2
{
	overflow-y:scroll;
	overflow-x:hidden;
	height:2400px;
	width:auto;
	padding-right:10px;
}

.scroll_das2::-webkit-scrollbar {
    width: 5px;
}

 
.scroll_das2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.scroll_das2::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

#annonce2 {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	width:auto;
	text-align:left;
	color: #666666;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
     



#annonce2ter {
	position: relative;
	float: left;
	margin-right: auto;
	margin-left: auto;
	width:auto;
	text-align:left;
	color: #666666;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 3px;
}




/* Survol Image */

a.viewpic {
	position:relative;
	text-decoration: none;
	width: 500px;
}
a:hover.viewpic {
    text-decoration: none;
	background: none;
	
}
a.viewpic span {
display: none;}

a:hover.viewpic span {
	display: inline;
	position: absolute;
	top: -300px;
	left: 100px;
	z-index: 20;
	width:400px;
	height:auto;
	padding:2px 4px;
}

.viewpic img
{box-shadow: -2px 2px 10px #888888;
border:1px solid #666666; 
}

/* Fin de survol Image */



/* Survol Image */
a.viewpic2 {
	position:relative;
	text-decoration: none;
	width: 500px;
}
a:hover.viewpic2 {
    text-decoration: none;
	background: none;
	
}
a.viewpic2 span {
display: none;}

a:hover.viewpic2 span {
	display: inline;
	position: absolute;
	top: -300px;
	right: 100px;
	z-index: 20;
	width:400px;
	height:auto;
	padding:2px 4px;

}

.viewpic2 img
{box-shadow: -2px 2px 10px #888888;
border:1px solid #666666; 
}

/* Fin de survol Image */



/* Survol Image */
a.viewpic3 {
	position:relative;
	text-decoration: none;
	width: 500px;
}
a:hover.viewpic3 {
    text-decoration: none;
	background: none;
	
}
a.viewpic3 span {
display: none;}

a:hover.viewpic3 span {
	display: inline;
	position: absolute;
	top: -300px;
	right: -100px;
	z-index: 20;
	width:400px;
	height:auto;
	padding:2px 4px;

}

.viewpic3 img
{box-shadow: -2px 2px 10px #888888;
border:1px solid #666666; 
}

/* Fin de survol Image */


/* Survol Image */
a.viewpic4 {
	position:relative;
	text-decoration: none;
	width: 500px;
}
a:hover.viewpic4 {
    text-decoration: none;
	background: none;
	
}
a.viewpic4 span {
display: none;}

a:hover.viewpic4 span {
	display: inline;
	position: absolute;
	top: -100px;
	right: -100px;
	z-index: 20;
	width:400px;
	height:auto;
	padding:2px 4px;

}

.viewpic4 img
{box-shadow: -2px 2px 10px #888888;
border:1px solid #666666; 
}

/* Fin de survol Image */



/* Survol Image */
a.viewpic5 {
	position:relative;
	text-decoration: none;
	width: 500px;
}
a:hover.viewpic5 {
    text-decoration: none;
	background: none;
	
}
a.viewpic5 span {
display: none;}

a:hover.viewpic5 span {
	display: inline;
	position: absolute;
	top: -500px;
	left: 50px;
	z-index: 20;
	width:400px;
	height:auto;
	padding:2px 4px;
}

.viewpic5 img
{box-shadow: -2px 2px 10px #888888;
border:1px solid #666666; 
}

/* Fin de survol Image */






iframe {
	height: 100%;
	width: 100%;
	overflow: visible;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:left;
}




@font-face {
	font-family: "Gill sans light";
	src: url('../polices/GillSans.ttc');
	font-family:"Simoncini Garamond";
	src: url('../polices/SimonGar.ttc');
	font-family: "GeosansLight";
	src: url('../polices/GeosansLight.ttc');
	font-family: "GeosansLight-Oblique";
	font-family:"Century Gothic";
	src: url('../polices/Century Gothic');
	
	
	
}




p {
	font-size: .95rem;
	margin: 0px;
	line-height:1.4rem;
	color:#333333;
	text-align: justify;
	text-indent: 5%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}


.question
{
	font-size: 14px;
	font-weight:bold;
	margin: 0px;
	line-height:18px;
	color:#333333;
	text-align: left;
	text-indent: 0px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}


.article
{
	font-size: .85rem;
	margin: 0px;
	line-height:1.25rem;
	color:#333333;
	text-align: justify;
	text-indent: 5%;
	margin:5%;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

img {
	max-width: 100%;
	height: auto;
}


.citation1
{
	font-size: 16px;
	margin: 0px;
	line-height:18px;
	color:#333333;
	text-align: center;
	text-indent: 0px;
	font-family:"Simoncini Garamond";
}



.Style_p1
{
	font-size: 14px;
	text-align:left;
	line-height:18px;
	color:#333333;
	text-indent: 0px;
	font-family:"Simoncini Garamond";
}

.Style_p2
{
	font-size: 14px;
	text-align:justify;
	line-height:18px;
	color:#333333;
	text-indent: 0px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}


.Style3 {font-size: 18px}

.Style4 {font-size: 9px}

.Style5 {
	font-size: 14px;
	line-height: 14px;
}

.Style7 {
	text-align:left;
	margin-top:24px;
	font-size: 28px;
	margin-bottom:20px;
	color:#999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	font-variant: small-caps;
	text-indent: 0px;
	letter-spacing: 0.2em;
}
.Style8 {
	font-size: 20px;
	margin-bottom: 5px;
}
.Style8bis {
	font-size: 20px;
	font-variant: small-caps;
	margin-bottom:5px;
}
.Style8ter {
	font-size: 16px;
	margin-bottom: 5px;
}

.Style9 {
	font-size: 18px;
	text-transform: lowercase;
	font-variant: normal;
	font-weight: lighter;
}

.Style10 {
	font-size: 30px;
}

.Style11 {font-size: 10px}

.Style12 {
	font-size: 14px;
	line-height: 15px;
	margin-left: 20px;
	font-family:"Simoncini Garamond";
}

.Style13 {font-size: 12px}



.Style14 {font-size: 24px}

.Style16 {font-size: 20px}

.Style5ter {
	font-size: 14px;
	font-variant: normal;
	margin-left: 20px;
}

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

.Stylesous_titre {
	font-size: 12px;
	font-variant: small-caps;
	color: #666666;
	text-align: left;
	text-indent: 0px;
}

.Stylesous_titre2 {
	font-size: 12px;
	color: #666666;
	text-align: left;
	text-indent: 0px;
}

.Stylesous_titre3 {
	font-size: 11px;
	font-variant: small-caps;
	color: #000000;
	text-align: right;
	text-indent: 0px;
}


.Style_titre_ref {
	font-size: 13px;
	font-variant: small-caps;
	color: #666666;
	margin-bottom: 5px;
	margin-top: 10px;
}

.Style_titre {
	font-size: 18px;
	font-variant: small-caps;
	color: #666666;
	margin-top: 15px;
	text-align: left;
	text-indent: 0px;
	}

.Style_titretext{
font-size: 30px;
	line-height: 32px;
	margin: 3% 0 2% 0;
	font-variant: small-caps;
	color: #666666;
	text-align: left;
	text-indent: 0px;
}
	

.Style_titre1 {
	font-size: 18px;
	font-variant: small-caps;
	color: #666666;
	margin-top: 15px;
	text-align: right;
	text-indent: 0px;
	}
	

	
.Style_titrebis {
	font-size: 1.75rem;
	font-variant: small-caps;
	color: #666666;
	margin-top: 2%;
	text-align: justify;
	text-indent: 0px;
	line-height: 1.5rem;
    margin-bottom: 5%;
	}
	
	
.Style_titre_nl {
	font-size: 20px;
	font-variant: small-caps;
	color: #6b8496;
	line-height: 50px;
	text-align: left;
	text-indent: 0px;
	}	
	
.Style_F {
	font-size: 14px;
	font-variant: small-caps;
	color: #666666;
	margin-top: 10px;
	text-align: left;
	text-indent: 0px;
	}
	
	
	
.Style_titre2 {
	font-size: 16px;
	font-variant: small-caps;
	color: #666666;
	margin-top: 15px;
	text-align: center;
	text-indent: 0px;
	}

.Style_titre2bis {
	font-size: 16px;
	font-variant: small-caps;
	color: #333333;
	margin-top: 15px;
	text-align: center;
	text-indent: 0px;
	}	
	
	
	
	
.Style_titre3 {
	font-size: 16px;
	font-variant: small-caps;
	color: #666666;
	text-align: left;
	text-indent: 0px;
	}



.Style_soustitre2 {
	font-size: 16px;
	font-variant: small-caps;
	color: #666666;
	margin-top: 10px;
	text-align: left;
	text-indent: 0px;
	}
	
.Style_soustitre3 {
	font-size: 14px;
	font-variant: small-caps;
	color: #333333;
	margin-top: 15px;
	margin-bottom:0px;
	text-align: left;
	text-indent: 0px;
	}
	
.Style_soustitre4 {
	font-size: 14px;
	font-variant: small-caps;
	color: #666666;
	margin-top: 5px;
	margin-bottom:0px;
	text-align: left;
	text-indent: 0px;
	}





			
.Style_ndbdp {
	font-size: 12px;
	line-height: 13px;
	text-align: justify;
	text-indent: 0px;
}

.Style_ndbdp9 {
	font-size: 9px;
	line-height: 10px;
	text-align: justify;
	text-indent: 0px;
}

.ndbdp_cit {
	font-size: 12px;
	line-height: 13px;
	text-align: center;
	text-indent: 0px;
}

.Style_pte_caps {
font-variant: small-caps; font-size:20px;
}

.Style_pte_caps_2 {
font-variant: small-caps; font-size:16px;
}

.Style_pte_caps_ndbdp {
font-variant: small-caps; font-size:12px;
}

.accroche {
    color: #666666;
    font-size: 1rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-align: justify;
    text-indent: 0;
    line-height: 1.25rem;
}
	
.accroche2 
{
	color: #666666;
	font-size: 10px;
	font-family:Century Gothic;
	text-align:justify;
	text-indent:0;	
	line-height:17px;
	}
	
	
.center
{
text-align:center;
}	
	
	
	
	
.Style_voir_egal {
	font-size: 14px;
	text-align:left;
	text-indent:0;	
	line-height:50px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	}



.Style_logo 
{
	text-align: right;
}

.Style_auteur {
    font-size: .75rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-align: right;
    line-height: 1.25rem;
    margin-top: 5%;
    margin-bottom: 10%;
}

.Style_auteur_perrot 
{
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:16px;
	margin-top:5px;
}

.Style_auteur_simon 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	margin-right:5px;
	text-align:right;
	line-height:14px;
	margin-top:5px;
	margin-bottom:10px;
}

.Style_auteur_poeme
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	margin-right:105px;
	text-align:right;
	margin-top:5px;
}
		
.Style_auteurleft 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:left;
	line-height:14px;
	margin-top:5px;
	margin-bottom:10px;
	text-indent:0;
}		
		
		
		
		
.Style_auteurbis {
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:justify;
	line-height:14px;
	margin-top:10px;
	margin-bottom:20px;
	padding-left: 30px;
}

.Style_auteurbisbis {
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:justify;
	line-height:14px;
	margin-top:10px;
	margin-bottom:5px;
	padding-left: 0px;
}


.Style_auteur1 
{
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:16px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 20px;
}

.Style_auteur2 {
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:16px;
	font-variant: small-caps;
	color: #000000;
}

.Style_auteur3 {
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:13px;
	margin: 5px 0 10px 0;
	
		
}

.Style_auteur4 {
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:14px;
	font-variant: normal;
	color: #333333;
}

.Style_auteur4bis {
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:14px;
	font-variant: normal;
	color: #333333;
	margin-top: 5px;
}

.Style_auteur5 {
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:14px;
	font-variant: normal;
	color: #333333;
}

.Style_auteur6 {
	font-size: 16px;
    font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:14px;
	font-variant: normal;
	color: #333333;
	margin-top: 10px;
}

.Style_poeme 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	margin-left:60px;
	text-indent:0;
}

.Style_poeme_pequignot 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	margin-left:10px;
	text-indent:0;
}

.Style_poeme_intext
{
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	margin-left:80px;
	text-indent:0;
}

.Style_poeme2 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:right;	
	line-height:25px;
	margin-right:38px;	
}

.Style_poeme3 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:right;	
	line-height:13px;
	margin-right:0px;
	margin-bottom: 5px;	
}


.Style_poeme3bis 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:left;	
	line-height:13px;
	text-indent:0;
	margin-bottom: 5px;
	margin-left:65%;	
}


.Style_poeme3ter 
{
	font-size: 12px;
    font-family: 'Raleway', sans-serif;
	text-align:left;	
	line-height:13px;
	text-indent:0;
	margin-bottom: 5px;
	margin-left:46%;
	margin-right:0px;	
}



.Style_poeme4 {
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	text-align:left;
	line-height:16px;
	margin-left: 20px;
}

.Style_poeme5 {
	font-size: 14px;
    font-family: 'Raleway', sans-serif;
	text-align:left;
	line-height:16px;
	margin-left: 40px;
	text-indent:0;
}



.Style_ref 
{
	color: #666666;
	font-size: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}


#ref2 
{
	color: #666666;
	font-size: 11px;
	line-height:14px;
	font-family:Century Gothic;
	text-align:justify;
}





h1
{
	font-size:35px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	text-align:center;
	color:#666;
	margin-top:30px;
	margin-bottom:10px;
    letter-spacing: 2px;
}

h2
{
font-size:15px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
color:#666;
text-align:center;
margin-top:2%;
}



h3
{
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	text-align:left;
	color:#77737d;
	margin-top:20px;
	margin-bottom:10px;
	font-variant: small-caps;
}




h4
{
	font-size:24px;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
	color: #6b8496;
	margin-top:28px;
	margin-bottom:20px;
	font-variant: small-caps;
	text-align: left;
}






h5 {
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	color: #999999;
	margin-bottom:10px;
	font-variant: small-caps;
}


h6
{
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	font-weight:lighter;
	text-align:left;
	color:#77737d;
	margin-top:20px;
	margin-bottom:10px;
	font-variant: small-caps;
}





a:link {color:#769aa7;}

a:hover {color:#333333;} 

a:visited {color:#769aa7;text-decoration: none;}

a:active {color:#ed6871;}

a:link {text-decoration: none;}


#page
	{					
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1250px;
	}
	
	


#page2
	{					
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 600px;
	}


#hdp{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}
	




	#page_popup
	{
	position:relative;
	width: 100%;
	background-color:#101010;
	margin-top: 20px;
	}
	
	
	#left_popup
	{
	float: left;
	width: 8%;
	text-align: right;
	margin-right: 2%;
	margin-top: 30%;
	}
	
	#right_popup
	{
	float: left;
	width: 8%;
	text-align: left;
	margin-left: 2%;
	margin-top: 30%;
	}
	
	
	#img_popup
	{
	width: 80%;
	float: left;
	}
	

    #legende_popup
    {
	width: 100%;
	float: left;
	padding:40px 0px 0px 400px;/* haut droite bas gauche*/
	text-align:left;
	font-size:small;
	color: #FFFFFF;
	clear:both;
    }
	
	
	
	
	#cachet
	{
	width: 122px;
	float: right;
	margin-left:10px;
	}
	
	#exergue
	{
	width: 180px;
	float: left;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:26px;
	line-height:28px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight: 100;
	text-align:left;
	}
	
	
	#exergue2
	{
	width: 220px;
	float: left;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:22px;
	line-height:24px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight: 100;
	text-align:left;
	}
	
	#exergue3
	{
	width: 220px;
	float: left;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:22px;
	line-height:24px;
	padding-top:0px;
	padding-bottom:10px;
	font-weight: 100;
	text-align:right;
	}
	
	#exergue3bis
	{
	float: left;
	margin-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:22px;
	line-height:24px;
	margin-bottom:10px;
	font-weight: 100;
	text-align:justify;
	}
	
	
	
	
	#exergue_photo
	{
	width: 200px;
	float: left;
	margin-right:10px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:left;
	}
	
	#exergue_photolarge
	{
	float: left;
	padding-top:10px;
	margin-bottom:0px;
	clear:both;
	}
	
	.1large{ width:965px;}	.1large2{ width:810px;}	.2large{ width:610px;}	.3large{ width:580px;}	.4large{ width:730px;}   .5large{ width:1030px;}  .6large{ width:925px;} .pbottom{ padding-bottom:3px;}
	
	
	.Style_img { margin-top:7px;}
	
	#exergue_photolarge3
	{
	float: left;
	padding-top:10px;
	margin-bottom:0px;
	clear:both;
	}
	
	
	#photo
	{
	float: left;
	width:auto;
	padding-right:20px;
	}
	
	#photo2
	{
	float: left;
	width:auto;
	padding-right:5px;
	}	
	
	#exergue_photo130
	{
	width: 130px;
	float: left;
	margin-right:10px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:left;
	}
	
	#exergue_photo130bis
	{
	width: 130px;
	float: left;
	margin-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:left;
	}
	
	#exergue_photo300
	{
	width: 300px;
	float: left;
	margin-right:10px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:left;
	}
	
	#exergue_photo300cadre
	{
	width: 322px;
	float: left;
	margin-right:5px;
	text-align:left;
	padding: 10px;
	border: 1px solid #444444;
	}
	
	
	#exergue_photo200
	{
	width: 200px;
	float: left;
	margin-right:10px;
	padding-top:10px;
	text-align:left;
	}
	
	#exergue_photo200bis
	{
	width: 200px;
	float: left;
	margin-right:10px;
	text-align:left;
	}
	
	#exergue_photo200ter
	{
	width: 200px;
	float: left;
	margin-right:10px;
	text-align:left;
	}
	
	#exergue_photo300bis
	{
	width: 300px;
	float: left;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:left;
	}
	
	
	#exergue_photo300_right
	{
	width: 300px;
	float: right;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:right;
	}
	
	#exergue_photo100_right
	{
	width: 100px;
	height:auto;
	float: right;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	}
	
	
	#exergue_photo200_right
	{
	width: 200px;
	height:auto;
	float: right;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	}
	
	#exergue_photo_right
	{
	
	height:auto;
	float: right;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	}

#exergue_photo_left
	{
	
	height:auto;
	float: left;
	margin-right:10px;
	padding-top:4px;
	padding-bottom:0px;
	}
	
	
	#exergue_photo50_right
	{
	width: 50px;
	height:auto;
	float: right;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:right;
	}
	
	
	#exergue_photo_530px
	{
	width: 525px;
	float: center;
	margin-right:0px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:left;
	}
	
	
	
	
	#exergue_photo_right
	{
	width: 200px;
	float: right;
	margin-left:10px;
	padding-top:10px;
	padding-bottom:0px;
	text-align:left;
	}
	
	

#en_tete
	{
	position: relative;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;	}

#en_tete2{
	position:fixed;
	z-index:100;
	top:0px;
	width: 100%;
}

#pagebis
	{
	top:240px;					
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1250px;
	z-index:1;
	padding-left:14px;
	}

#left2
{
top:248px;	
	position: fixed;
	width: 8.5%;
	float: left;
	margin-bottom:20px;
	clear:both;
	
}

#left3
{
top:784px;	
	position: fixed;
	width: 13%;
	float: left;
	margin-bottom:20px;
	clear:both;
	
}


header
	{
	position: relative;
	margin-top:20px;
	margin-bottom:20px;
}


#contenu_text{
	width:96%;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 20px 20px 20px 20px;
	padding: 1% 2% 0 2%;
}


#contenu_accueil{
	float: right;
	width:82.5%;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 0px 20px 20px 0px;
	margin-left:0px;/* haut droite bas gauche*/
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image:url(../images/web_images/1fond_accueil.gif);
	background-repeat:no-repeat;
}


#entier{
	float: left;
	width:auto;
	margin:0px 0px 0px 0px;/* haut droite bas gauche*/
	padding-top: 20px;
	clear:both;
}

#entier2{
	float: left;
	width:auto;
	margin:0px 0px 0px 0px;/* haut droite bas gauche*/
	padding-top: 0px;
	clear:both;
}




#contenu2{
	float: right;
	width:84%;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 0px 20px 20px 0px;
	margin-left:0px;/* haut droite bas gauche*/
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}


#contenu3{
	float: none;
	width:600px
	border: 1px solid black;
	border-color:#666666;
	border-radius: 20px 20px 20px 20px;
	margin-left:0px;/* haut droite bas gauche*/
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}




#left
{
	position: relative;
	max-width: 13%;
	float: left;
	clear:both;
}

#left1
{
	position: relative;
	max-width: 9%;
	float: left;
	padding: 0 2% 1% 1%;
	clear:both;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 20px 0px 0px 0px;
	
}

#menu1
	{
	
	position: relative;
	float: left;
	margin-bottom:10px;
	padding:0px 40px 10px 15px;/* haut droite bas gauche*/
	text-align:left;
	clear:both;
	width: 62%;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 20px 0px 0px 0px;
	}


#menu21 {
    position: relative;
    float: left;
    border: 1px solid black;
    border-color: #666666;
    border-radius: 0px 0px 0px 20px;
    background-color: #ffffff;
    padding: 7% 15% 10% 5%;
    text-align: left;
    width: 76%;
}

	
	
#menu2
	{
	position: relative;
	float: left;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 0px 0px 0px 20px;
	background-color:#ffffff;
	padding:5px 0px 20px 15px;  /* haut droite bas gauche*/
	text-align:left;
	}


#contenu{
	float: right;
	width:84.5%;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 0px 20px 20px 0px;
	margin-left:0px;/* haut droite bas gauche*/
	padding: 0 1% 0 1%;
}

#contenu1{
	float: right;
	max-width:84.5%;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 0px 20px 20px 0px;
	margin-left:0px;/* haut droite bas gauche*/
	padding: 0 1% 0 1%;
	background-image:url(../images/web_images/1fond_accueil.svg);
	background-repeat:no-repeat;
}




/* liste menu artistes XIXe siècle */
.tableau
{
height:600px;
width:140px;
}

.clear{
clear:both;
}
/* liste menu artistes XIXe siècle */


.tableau_texte
{
height:2000px;
width:520px;
}







.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;
 }


#menu1acc
	{
	
	position: relative;
	float: left;
	border: 1px solid black;
	border-color:#666666;
	border-radius: 20px 0px 0px 0px;
	background-color:#ffffff;
	margin-bottom:10px;
	padding:0px 40px 10px 15px;/* haut droite bas gauche*/
	text-align:left;
	clear:both;
	}






#navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}


#navigation li a {
  display: block ;
  text-align: left ;
  text-decoration: none ;
  }



#texte_horiz
	{
	position: relative;
	width: 39%;
	float: left;
		
}


#right_horiz
	{
	padding-top:101px;
	position: relative;
	width: 609px;
	float: right;
}

#biblio p
{
	font-size:11px;
	line-height:12px;
	
}

#biblio_cadre
{
	border: 1px solid #333333;
	padding-left:5px;
	padding-right:5px;
}




/*#carte{
	width:474px;
	height:570px;
	background-image: url(../carte/carte_fc.jpg);
	background-repeat: no-repeat;
    }*/



#legende
{
	text-align:center;
	font-size:small;
	padding-bottom:15px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

#legende_left
{
	text-align:left;
	font-size:small;
	padding-bottom:15px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
    text-indent: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

.image_double{
	margin-bottom: 5%;
}

.legend_tof{
	clear: both;
	float: left;
	padding-top:1%;
	padding-bottom:2%;
	text-align:justify;
	font-size: 11px;
	line-height: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}


#legende_intext {
    text-align: justify;
    font-size: 11px;
    line-height: 12px;
    padding-bottom: 2px;
    padding-top: 3px;
    padding-right: 0px;
    padding-left: 0px;
    font-family: 'Raleway', sans-serif;
}

#legende_intextbis
{
    text-align:justify;
	font-size:9px;
	padding-bottom:2px;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
    font-family: 'Raleway', sans-serif;
}

#legende_intext3
{
text-align:justify;
	font-size:11px;
	padding-bottom:5px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
    font-family: 'Raleway', sans-serif;
}

#legende_intext2
{
position:relative;
text-align:justify;
	font-size:11px;
	padding-bottom:5px;
	padding-top: 8px;
	padding-right: 0px;
	padding-left: 0px;
    font-family: 'Raleway', sans-serif;
	float:left;
}


#legende_qui
{
	text-align:center;
	font-size:small;
	padding-bottom:15px;
	width: 300px;
	padding-top: 8px;
}


#nb
{
text-align:justify;
font-size:10px;
width:auto;
margin-top:20px;
text-indent:20px;
width:auto;
}

#nb_left
{
text-align:justify;
font-size:10px;
width:auto;
margin-top:20px;
text-indent:20px;
}





#footer
	{
	padding-top: 10px;
	position: relative;
	clear:both;
	}
	
#ref
{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height : 18px;
}





#fin
	{
	float: right;
	width:84%;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	clear:both;
	}




 Boite "contact" :  

.row
	{
	padding-top:20px;
	position: relative;
	float: left;
	text-align:left;
	
	
}

.form-group
	{
	text-align:left;
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	font-variant: small-caps;
	color: #6b8496;
	
		
	}

.form-control
	{
	text-align:left;
	margin-bottom:20px;
	width:100%;
	height:auto;

}

.form-control1
	{
	text-align:left;
	margin-bottom:20px;
	margin-top:10px;
	width:100%;
	height:25px;

}


.button
{

text-align:left;

}


#adresse
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	text-align: left;
	color: #666666;
	border: 1px solid #666666;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 20px;
}


#texte_accueil
	{
	margin-top:37px;
	position: relative;
	width: 58%;
	float: left;
	margin-left:0px;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #444444;
}

#ref3 
{
	color: #666666;
	font-size: 14px;
	line-height:18px;
	font-family:Century Gothic;
	text-align:justify;
}

#right_accueil
	{
	position: relative;
	width: 40%;
	float: right;	
	padding-top:38px;	
}

#text_rightaccueil p
	{ font-size:12px;
	line-height:13px;
}


#annonce2bis {
	position: relative;
	float: right;
}


#texte_accueil2
	{
	position: relative;
	width: 56%;
	float: left;
	margin-left:0px;	
}

#right_accueil2
	{
	padding-top:78px;
	position: relative;
	width: 43%;
	float: right;
	margin-right:0px;
}


#texte_accueil3
	{
	position: relative;
	width: 49%;
	float: left;
	padding-right: 0,5%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #666666;
}

#right_accueil3
	{
	padding-top:78px;
	position: relative;
	width: 48%;
	float: right;
	padding-left: 0,5%;
	
}




#right_siecle
	{
	padding-top:82px;
	position: relative;
	width: 45%;
	float: right;
	margin-right:15px;
}

#right_sculpture
	{
	padding-top:82px;
	position: relative;
	width: 364px;
	float: right;
}

#right
	{
	padding-top:99px;
	position: relative;
	width: 48%;
	float: right;
}

#right-classement {
    position: relative;
    width: 86.5%;
    border: 1px solid black;
    border-color: #666666;
    border-radius: 0px 20px 20px 0px;
    float: right;
}

.alphabet {
font-size: 20px;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#6b8496;

}

#right_nl
	{
	padding-top:36px;
	position: relative;
	width: 48%;
	float: right;
}

#contexte
{
width:600px;
}



#texte {
	position: relative;
	width: 49%;
	float: left;
}


#right_text {
	position: relative;
	width: 49%;
	float: right;
}



#texte_sculpture {
	position: relative;
	width: 64%;
	float: left;
}

#textebis {
	position: relative;
	width: 100%;
	float: left;
}



#inscription {
height:300px;
}

#right_siecle2 {
	padding-top:82px;
	position: relative;
	width: 30%;
	float: right;
}

#right_qui {
	padding-top:82px;
	position: relative;
	width: 300px;
	float: right;
}

#texte2 {
	position: relative;
	width: 68%;
	float: left;
}


/*CSS Ateleir de Courbet
*/

.right {text-align:right;}
.dessus { margin-top:38px;}
.dessus2 { margin-top:20px;}
.dessus35 { margin-top:35px;}
.marge_d5 { margin-right:5px;} .marge_d75 { margin-right:75px;}
.7large { width:700px;}
.10large { width:400px;}
.large300px { width:300px;}
.accroche_articles { font-family:"Simoncini Garamond";}

.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;
 }
 
 .atelier { font-size:12px; line-height:13px; text-indent:0px;}
 .Style_titre_atelier {font-variant: small-caps; font-size:22px; font-weight:bold;}
 
 .Style_titre_atelier2 {font-variant: small-caps; font-size:18px; font-weight:bold;}

 .titre_article {font-variant: small-caps; font-size:18px; font-weight:bold;text-align: left; margin: 20px 0 10px 0;}
 .titre_biblio {font-variant: small-caps; font-size:16px; font-weight:bold;text-align: left; margin: 20px 0 10px 0;}
 
.Style181 {color: #1E1E1E; font-size:40px}
.right{ text-align:right;}
.long1{ width:400px;}
.long2{ width:350px;}
.droite{ float:right}
.gauche{width:auto; margin-bottom:0px; padding-bottom:0px;}
.entier{ width:100%;}
.auto{ width:auto;}
.interligne13{line-height : 13px;}
.menu-fixe{ top: 600px; position: fixed;}
.ital{ font-style:italic;}
.marges10{margin-top:10px; margin-bottom:10px;}


#exergue3ter
	{	float: left;	margin-right:0px;	font-family:Arial, Helvetica, sans-serif;	color:#999999;	font-size:22px;	line-height:24px;	margin-bottom:10px;	font-weight: 100;	text-align:justify;	}
	

.left3{top:784px;position: fixed;width: 13%;float: left;margin-bottom:20px;clear:both;}
.Style19 {font-size: 26px}





#un {
	position: relative;
	width: 19%;
	float: left;
	margin-right:10px;
	margin-left: 10px;
}


#deux
	{
	
	position: relative;
	width: 19%;
	padding-top:4px;
	float: left;
	margin-right:10px;
}

#trois
	{
	
	position: relative;
	width: 19%;
	float: left;
	margin-right:10px;
}

#quatre
	{
	
	position: relative;
	width: 19%;
	float: left;
	margin-right:10px;
}


#cinq
	{
	
	position: relative;
	width: 19%;
	float: left;	
}



#un_bis {
	position: relative;
	width: 44%;
	float: left;
	margin-right:20px;
	margin-left: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 20px;
}

#deux_bis {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: lighter;
	position: relative;
	width: 50%;
	float: left;
	margin-right:0px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}


#trois_bis {
	position: relative;
	width: auto;
	float: left;
	margin-top: 80px;	
}











/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-bottom:32px; margin-top:32px; overflow:visible; background:#fff;border: 40px solid #fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc; }
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{
	left:0;
	color:#333333;
	position: absolute;
	bottom: -18px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: lighter;
}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

       
	   
	    #cboxPrevious{background-position:0px 0px; right:44px;background:url(../images/web_images/boutons/previous.png) no-repeat 0 0;}
		
        #cboxPrevious:hover{background-position:0px -25px;background:url(../images/web_images/boutons/previous_hover.png) no-repeat 0 0;}
		
		
		
		
        #cboxNext{background-position:-25px 0px; right:22px;background:url(../images/web_images/boutons/next.png) no-repeat 0 0;}
		
        #cboxNext:hover{background-position:-25px -25px;background:url(../images/web_images/boutons/next_hover.png) no-repeat 0 0;}
		
		
        
		#cboxClose{background-position:-50px 0px; right:0;background:url(../images/web_images/boutons/stop.png) no-repeat 0 0;}
				
        #cboxClose:hover{background-position:-50px -25px;background:url(../images/web_images/boutons/stop_hover.png) no-repeat 0 0;}
		
		
		
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}