/* d'après FEUILLE DE STYLES DES GABARITS HTML/CSS © Elephorm & Alsacreations.com http://creativecommons.org/licenses/by/2.0/fr/ */
html 
	{
	font-size: 100%;
	}
body 
	{
	margin: 0;
	padding:0;
	font-family: arial, sans-serif;
	font-size: .8em; 
	line-height:1.25;
	color: black;
	background-color:rgb(231,144,180);
	}
p
	{
	font-size:1em;
	}	
/*liens*/
a
	{
	color:rgb(55,55,55);
	text-decoration:underline;
	}
a:hover, a:focus
	{
	color: black;
	text-decoration:none;
	}
/*titres*/
h1
	{
	margin: 15px 0 0 10px;
	font-size:42px;
	color:rgb(162,174,7);
	padding-bottom:0;
	margin-bottom:0;
	-moz-text-shadow: 3px 3px 3px rgb(255,255,255);
	-webkit-text-shadow: 3px 3px 3px rgb(255,255,255);
	text-shadow: 3px 3px 3px rgb(255,255,255);
	}	
h1 .sous_titre
	{
	font-size:28px;
	color:rgb(162,174,7);
	padding-bottom:0;
	margin-bottom:0;
	-moz-text-shadow: 2px 2px 2px rgb(255,255,255);
	-webkit-text-shadow: 2px 2px 2px rgb(255,255,255);
	o-text-shadow: 2px 2px 2px rgb(255,255,255);
	text-shadow: 2px 2px 2px rgb(255,255,255);
	}
h2
	{
	text-align:right;
	font-size:2.5em;
	color:rgb(162,173,7);
	padding-left:0;
	padding-top:0;
	margin-top:1em;
	border-top:1px solid rgb(162,173,7);
	-moz-text-shadow: 1px 1px 1px rgba(231,144,180,0.3);
	-webkit-text-shadow: 1px 1px 1px rgba(231,144,180,0.3);
	o-text-shadow: 1px 1px 1px rgba(231,144,180,0.3);
	text-shadow: 1px 1px 1px rgba(231,144,180,0.3);
	}	
#gauche h2
	{
	color:white !important;
	padding-left:0.5em;
	text-align:left;
	font-size:2em;
	border:0 ;
	}		
h3, h5, h4, h6 
	{
	border-top:1px solid rgb(162,173,7);
	margin: 1.6em 0 .2em 0;
	color:rgb(162,173,7) !important;
	}
h2 
	{
	font-size: 1.7em;
	}
h3 
	{
	font-size: 1.4em;
	}
h4 
	{
	font-size: 1.3em;
	}
sup
	{
	font-size:0.5em;
	}
img[title="Les Journées de la Rose sur Facebook"]:hover
	{
	transform: rotate(9deg) translate(15px, 5px);
	-moz-transform: rotate(9deg) translate(15px, 5px);
	-webkit-transform: rotate(9deg) translate(15px, 5px);
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	 transition: 1s ease;
	}	
/*MENUS*/
a.en_cours
	{
	text-decoration:underline!important;
	}
/*menu princip*/	
#menu_princip, #menu_princip ul  
	{
	padding:0;
	margin:0;
	list-style:none;
	line-height:21px;
	text-align:center;
	}
#menu_princip /* Ensemble du menu */
	{
	font-weight:normal;
	font-size:11px;
	}
#menu_princip a /* Contenu des listes */
	{
	display:block;
	padding:0;
	background:rgb(162,173,7);      
	color:rgb(255,255,255);
	text-decoration:none;
	width:100px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid rgb(255,255,255);
	border:1px solid rgba(255,255,255,0.5);
	}
#menu_princip li /* Éléments des listes */      
	{
	float:left; 
	/* pour IE qui ne reconnaît pas "transparent" */
	border-right:1px solid rgb(255,255,255);
	}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_princip li
	{
	border-right:1px solid transparent ;
	}
#menu_princip li ul /* Sous-listes */
	{ 
	position:absolute;
	width:100px; /* Largeur des sous-listes */
	left:-999em; /* Hop, on envoie loin du champ de vision */
	z-index:1;
	}
#menu_princip li ul li /* Eléments de sous-listes */
	{
	/* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
	border-top:1px solid rgb(255,255,255); /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
	}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu_princip li ul li                
	{
    border-top:1px solid transparent;
	}
#menu_princip li ul ul 
	{
	margin:-22px 0 0 120px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-left: 1px solid rgb(255,255,255); /* Petite bordure à gauche pour ne pas coller ... */      
	}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu_princip li ul ul                
	{
    border-left:1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
	}
#menu_princip a:hover /* Lorsque la souris passe sur un des liens */    
	{
	color: rgb(255,255,255); /* On passe le texte en noir... */
	background: rgb(231,144,180); /* ... et au contraire, le fond en blanc */
	-webkit-transition-property:color,background-color;
	-moz-transition-property:color,background-color;
	-o-transition-property:color,background-color;
	transition-property:color,background-color;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	o-transition-timing-function:ease;
	transition-timing-function:ease;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
	
#menu_princip a:focus /* Lorsque la souris passe sur un des liens */    
	{
	color: rgb(231,231,231); /* On passe le texte en noir... */
	background: rgb(231,154,180); /* ... et au contraire, le fond en blanc */
	-webkit-transition-property:color,background-color;
	-moz-transition-property:color,background-color;
	-o-transition-property:color,background-color;
	transition-property:color,background-color;
	-webkit-transition-duration:3s;
	-moz-transition-duration:3s;
	-o-transition-duration:3s;
	transition-duration:3s;
	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	o-transition-timing-function:ease;
	transition-timing-function:ease;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
#menu_princip li:hover ul ul, #menu_princip li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
	{
    left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
	}
#menu_princip li:hover ul, #menu_princip li li:hover ul, #menu_princip li.sfhover ul, #menu_princip li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
	{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
	}

#droite p
	{
	margin-top:0;
	padding-top:0;
	color:rgb(255,255,255)!important;
	}
div#gauche p
	{
	color:rgb(255,255,255);
	}
p.fil_ariane_1
	{
	font-size:1.2em;
	font-weight:bold;
	padding-left:15px!important;
	margin:0;
	padding:0;
	}
p.fil_ariane_2
	{
	font-size:1em;
	text-align:right;
	margin:0;
	padding-right:15px;
	}
ul, ol 
	{
	margin: .75em 0 .75em 24px;
	padding: 0;
	}
ul 
	{
	list-style-image:url(rond.png);
	}
li
	{
	margin: 0;
	padding: 0;
	}
p 
	{
	margin: .75em 0;
	}
li p, blockquote p 
	{
	margin: .5em 0;
	}
a img
	{
	border: none;
	}
strong 
	{
	font-weight: bold;
	color:rgb(162,173,7);
	}
#pied_de_page ul
	{
	padding-left:170px;
	padding-top:0 !important;
	margin-top:0 !important;
	margin-bottom:0.3em;
}
#pied_de_page li
	{
	display:inline;
	padding-top:0;
	padding-right:0.5em;
	border-right:1px solid rgb(255,255,255);
	font-size:0.8em;
	}
#pied_de_page a
	{
	text-decoration:none;
	color:rgb(255,255,255);
	}
#pied_de_page a:hover
	{
	text-decoration:none;
	color:rgb(79,87,90);
	} 
/* Diaporama 140 210 effectifs pour les images*/
div#conteneur_diaporama
	{
	background-color:rgb(162,173,7);
	width:140px;
	height:210px;
	border:1px solid rgb(255,255,255);
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
/* Fin du diaporama*/
div#plan_acces
	{
	width:149px;
	border:1px rgb(204,204,204);
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
div#plan_acces img
	{
	opacity:0.9;
	-ms-filter:"progid:DXImageTranform.Microsoft. Alpha(Opacity	=90)";
	filter:alpha(opacity=90);
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-moz-box-shadow:5px -5px 5px rgba(131,131,131,0.9);
	-webkit-box-shadow:5px -5px 5px rgba(131,131,131,0.9);
	o-box-shadow:5px -5px 5px rgba(131,131,131,0.9);
	box-shadow:5px -5px 5px rgba(131,131,131,0.9);
	}
div#plan_acces img:hover
	{
	opacity:1;
	-ms-filter:"progid:DXImageTranform.Microsoft. Alpha(Opacity	=100)";
	filter:alpha(opacity=100);
	}
div#affiche
	{
	width:153px;
	border:2px solid rgb(255,255,255);
	padding:2px;
	margin-left:auto;
	margin-right:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
/* logo Institut de France*/
div#logo
	{
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	width:125px;
	}
div#logo img
	{
	opacity:0.6;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}
div#logo img:hover
	{
	opacity:1;
	}
span.ouvrage
	{
	font-style:italic;
	}	
span.atelier
	{
	font-weight:bold;
	color:rgb(194,93,133);
	}
img.log
	{
	float:right;
	margin-left:15px;
	}
div#galerie_lightbox
	{
	padding:5px;
	border:1px solid rgb(162,173,7);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
div#galerie_lightbox img
	{
	border:1px solid rgb(162,173,7);
	border:1px solid rgba(162,173,7,0.5);
	padding:2px;
	opacity:0.8;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	-ms-filter:"progid:DXImageTranform.Microsoft. Alpha(Opacity	=80)";
	filter:alpha(opacity=80);
	}
div#galerie_lightbox img:hover
	{
	border:1px solid rgb(162,173,7);
	border:1px solid rgba(162,173,7,1);
	opacity:1;
	-ms-filter:"progid:DXImageTranform.Microsoft. Alpha(Opacity	=100)";
	filter:alpha(opacity=100);
	}
div#galerie_lightbox_partenaires
	{
	padding:5px;
	border:1px solid rgb(162,173,7);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
div#galerie_lightbox_partenaires img
	{
	padding:20px;
	border:1px solid rgb(162,173,7);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
div#galerie_lightbox_partenaires img:hover
	{
	padding:20px;
	border:1px solid rgb(182,163,37);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
p.chapo
	{
	font-size:1.5em;
	font-weight:bold;
	color:rgb(162,173,7);
	padding-bottom:5px;
	margin-bottom:20px;
	margin-top:0;
	padding-top:0;
	border-bottom:2px solid rgb(162,173,7);
	}
div#contenu_principal p
	{
	text-align:justify;
	}
ul#espace_presse
	{
	margin:0!important;
	padding:0!important;
	}
#espace_presse li
	{
	list-style-image:none;
	list-style-type:none;
	width:225px;
	height: 144px;
	padding:0!important;
	overflow: hidden;
	display:inline-block;
	position: relative;
	}
#espace_presse li img
	{
	z-index: 10;
	padding:3px 1px 0 1px;
	}
#espace_presse li span
	{
	background: rgba(162, 173, 7, 0.8);
	color: rgb(255,255,255);
	display: block;
	height: 30px;
	width:200px;
	left:0;
	line-height:20px;
	padding: 5px 0 0 5px;
	position: absolute;
	z-index: 20;
	font-size:12px;
	}
#espace_presse li.legende_bas span
	{
	bottom:-35px;
	-moz-transition:bottom 0.5s ease-in-out;
	-o-transition:bottom 0.5s ease-in-out;
	-webkit-transition:bottom 0.5s ease-in-out;
	transition:bottom 0.5s ease-in-out;
	}
#espace_presse li.legende_bas:hover span
	{
	bottom: 0;
	}
p.credits
	{
	font-size:0.7em;
	color:rgb(162,173,7);
	}
div#drapeau
	{
	margin:0;
	}
#drapeau a
	{
	width:30px;
	height:20px;
	}
#drapeau img
	{
	opacity:0.8;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}
#drapeau img:hover
	{
	opacity:1;
	}
#drapeau li
	{
	margin:0;
	padding:0 5px 0 0;
	display:inline;
	}
#drapeau ul
	{
	margin:0 0 25px 0;
	padding:0 0 0 55px;
	}
.images_legendes 
	{ 
    float: right; 
    width: 15px;
    border-collapse: collapse;
	}
.images_legendes td 
	{ 
    padding: 0 0 15px 20px;
	}
.images_legendes_gauche
	{ 
    float: left; 
    width: 15px;
    border-collapse: collapse;
	}
.images_legendes_gauche td 
	{ 
    padding: 0 20px 15px 0;
	}
img.illustration
	{
	float:left;
	margin-top:5px;
	margin-right:15px;
	margin-bottom:15px;
	padding:4px;
	border:1px solid rgb(162,175,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
	
object.film
	{
	float:left;
	margin-top:5px;
	margin-right:15px;
	margin-bottom:15px;
	padding:4px;
	border:1px solid rgb(162,175,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}

img.illustration_droite
	{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	margin-top:5px;
	padding:4px;
	border:1px solid rgb(162,175,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
img.illustration_gauche
	{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	margin-top:5px;
	padding:4px;
	border:1px solid rgb(162,175,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
img.illustration_legende
	{
	float:right;
	padding:4px;
	border:1px solid rgb(162,175,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
img.illustration_legende_gauche
	{
	float:right;
	padding:4px;
	margin-top:5px;
	border:1px solid rgb(162,175,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
p.legende
	{
	color:rgb(162,173,7);
	text-align:left;
	font-size:10px;
	padding:0;
	margin:0;
	}
	
/* ZOOM*/
img.zoom
	{
	width:108px;
	}
img.intertitre
	{
	width:460px;
	border:2px solid rgb(162,175,7);
	margin:1em 0;
	-moz-box-shadow:3px -3px 3px rgba(162,175,7,0.5);
	-webkit-box-shadow:3px -3px 3px rgba(162,175,7,0.5);
	o-box-shadow:3px -3px 3px rgba(162,175,7,0.5);
	box-shadow:3px -3px 3px rgba(162,175,7,0.5);
	}
#galerie_lightbox_index h3
	{
	border:0;
	}
div#facebook
	{
	margin-top:15px;
	margin-left:15px;
	opacity:0.7;
	}
div#facebook:hover
	{
	margin-top:15px;
	margin-left:15px;
	opacity:1;
	}
div#facebook a
	{
	color:white;
	font-size:0.8em;
	text-decoration:none;
	}
	
img.parrain
	{
	float:right;
	border:1px solid rgb(162,175,7);
	padding:3px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-left:10px;
	}
	
li.parrains
	{
	display:block;
	boder-bottom:1px solid rgb(222,223,192);
	font-size:1em;
	color:black;
	padding-bottom:20px;
	}
.annee
	{
	font-weight:bold;
	color:rgb(162,174,7);
	}
	
#liste_exposants>li
	{
	list-style-image:url(rond.png);
	font-weight:bold;
	color:rgb(162,174,7);
	font-size:1.1em;
	padding-top:20px;
	border-top:1px solid rgb(162,174,7);
	}
	
#liste_exposants li li
	{
	font-size:0.8em;
	font-weight:normal;
	color:black;
	list-style-image:url(rond_petit.png);
	padding-top:2px;
	}

.nom_exposant
	{
	font-weight:bold;
	}
	
.info
	{
	padding:0 0 5px 0;
	margin:0;
	font-size:0.8em;
	color:#666;
	}

#index_exposants li
	{
	display:inline;
	float:left;
	list-style-type:none;
	list-style-image:none;
	padding:5px;
	margin:3px;
	background-color:rgb(162,174,7);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
	
#index_exposants li a
	{
	text-decoration:none;
	color:rgb(255,255,255);
	}
	
#index_exposants li a:hover
	{
	text-decoration:none;
	color:rgb(231,144,180);
	}
	
.intervenant
	{
	color:rgb(231,144,180);
	}
	
.titre_conference, .animation
	{
	color:rgb(162,174,7);
	font-weight:bold;
	}
ul.colonnes
	{
	-moz-column-count:2;
	-moz-column-gap:7px;
	-webkit-column-count:2;
	-webkit-column-gap:7px;
	column-count:2;
	column-gap:7px;
	}
	
a[href$=".pdf"]
	{
	background:url(pdf.gif) no-repeat right top;
	padding-right:22px;
	opacity:0.8;
	}
a[href$=".pdf"]:hover
	{
	background:url(pdf.gif) no-repeat right top;
	padding-right:22px;
	opacity:1;
	}
h4.date
	{
	border-top:0;
	font-size:1em;
	}
#programme
	{
	margin-top:25px;
	}
#programme a
	{
	font-size:1.2em;
	color:white;
	padding:15px 0 0 25px;
	-moz-transform: rotate(-25deg);
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	 transition: 1s ease;
	}
	
#programme a:hover
	{
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
	text-decoration:none;
	-moz-transition:1s ease;
	-webkit-transition:1s ease;
	 transition: 1s ease;
	}
#brochure
	{
	margin-top:25px;
	}
#brochure img
	{
	margin-left:50px;
	border:1px solid white;
	}
#brochure a
	{
	font-size:1.2em;
	color:white;
	padding:15px 0 0 25px;
	}