/* CSS Document */


body  {
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size:11px;
	background-color: #F2E3ED;
}
.float_left {
float: left;
margin-right: 3px;
}
.float_right {
float: right;
}
/* Diverses classes a  réutiliser */
.fltrt { /* cete classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément a  côté duquel il doit se trouver dans la page. */
float: right;
margin: 10px 10px 10px 10px;
}
.fltlft { /* cette classe permet de rendre un élément flottant a  gauche de la page. L'élément flottant doit précéder celui a  côté duquel il doit apparaître dans la page. */
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-TOP: 10px;
}
.breaker{
clear: both;
height: 0px;
overflow: hidden;
}	
ul {
margin:8px 2px 0 15px;
padding:0px;
list-style-type: none;
}
a:link {	
color: #0066FF;
text-decoration: underline;}
a:hover {
color: #0066FF;
text-decoration: none;}
a:visited {
color: #0033CC;
text-decoration: underline;}
a:active {
color: #0066FF;
text-decoration: underline;}
h1 { 
font-size: 16px;
color: #bb57b7;
font-weight: normal;
text-transform:lowercase;
}
h2{
font-size: 13px;
color: #bb57b7;
font-weight: normal;}
h4{
	font-size: 13px;
	color: #999999;
	font-weight: normal;
}		
p{
font-size: 12px;
}	

/**************************************************************************************************************************************************************************************** 	SQUELETTE ************************************************** **********************************************************************************************************************************************************************/
/*************** PAGE ***********************************************************/  
#page {
	width: 1003px;
	text-align: left;
	margin: 0 auto;
}
/*************** BANNIERE HEADER ***********************************************************/  
#header {
	width: 1003px;
	text-align: left;
	height: 204px;
}
/*************** CONTAINER ***********************************************************/  
#container {
	margin-top: 20px;
	background-color: #F2E3ED;
} 
/*************** SIDEBAR1 : fait sur le modele de sb2 ***********************************************************/  
#sidebar1 {
width: 178px;
overflow: hidden;
}
.sidebar1-menu-middle-contenu {  /*important : concerne la largeur pour les puces*/
	background-image: url(../Images/contenu/sidebar-menu-middle.gif);
	height: auto;
}
.sidebar1-menu-contenu {
width: 86px;
height: 46px;
padding-left: 10px;
padding-top:10px;
overflow: hidden;
margin-left:9px;
padding-left:10px;
}	
.sidebar1-menu-contenu h2{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}					
#sidebar1-menu-augmentation-mammaire{
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-siteweb.png);
margin-left:3px;
}				  	
#sidebar1 h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
} 
#sidebar1 a:link{
color: #000000;
text-decoration: none;}
#sidebar1 a:hover{
color: #0066FF;
text-decoration: none;}
#sidebar1 a:visited{
color: #0066FF;
text-decoration: none;}		
#sidebar1 a:active{
color: #0066FF;
text-decoration: underline;}	 		 
/*************** BLOC DROIT ***********************************************************/  		
/*** BLOC DROIT ***/  
#bloc-droit {	
float: right;
width:825px!important;
position: relative;
height: auto;
}
/*** MAINCONTENT (COLONNE CENTRALE) ***/  
#mainContent {
float: left;
width:580px!important;
min-height: 600px;
margin-left: 33px;
text-align: justify;
}	
/*** SIDEBAR 2 ***/  
#sidebar2 {
float: right;
color:#666666;
position: relative;
width:178px !important;
height: auto;
}
/*** SIDEBAR2-MENU (correspond a  la barre de menu verticale ***/  
.sidebar2-menu-middle-contenu {  /*important : concerne la largeur pour les puces*/
background-image: url(../Images/contenu/sidebar-menu-middle.gif);
height: auto;	
}
.sidebar2-menu-contenu {
width: 86px;
height: 46px;
padding-left: 10px;
padding-top:10px;
overflow: hidden;
margin-left:9px;
padding-left:10px;
}	
.sidebar2-menu-contenu h2{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}					
#sidebar2-menu-docteur-yohann-derhy {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-docteur-yohann-derhy.gif);
margin-left:3px;
}				  	
#sidebar2-menu-chirurgie-esthetique {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-chirurgie-esthetique.gif);				
margin-left:3px;
}
#sidebar2-menu-medecine-esthetique {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-medecine-esthetique.gif);
margin-left:3px;
}				 
#sidebar2-menu-chirurgie-reparatrice {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-chirurgie-reparatrice.gif);	
margin-left:3px;
}	
#sidebar2-menu-consultation-clinique {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-consultation-clinique.gif);	
margin-left:3px;
}	
#sidebar2-menu-photos {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-photos.gif);	
margin-left:3px;
}
#sidebar2-menu-videos {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-videos.gif);	
margin-left:3px;
}
#sidebar2-menu-tarifs {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-tarifs.gif);	
margin-left:3px;
}	
#sidebar2-menu-fiches-pratique {
width: 170px;
height: 60px;
background-image: url(../Images/contenu/sidebar1-menu-fiches-pratique.gif);	
margin-left:3px;
}
#sidebar1-menu-blog{width:170px;height:60px;background-image:url(../Images/contenu/sidebar1-menu-blog.gif);margin-left:3px;}

#sidebar2 a:link {
color: #333333;
text-decoration: none;
font-size:11px;
}
#sidebar2 a:hover {
color: #0066FF;
text-decoration: none;
font-size:11px;
}
#sidebar2 a:visited {
color: #0033CC;
text-decoration: none;
font-size:11px;
}

/*************** FOOTER ***********************************************************/  
#footer {
margin-top: 26px;
padding: 0 10px; 
background-image: url(../Images/contenu/Footer.jpg);
} 
#footer p {
font-size:11px;
margin: 0; 
padding: 10px 0;}
#footer a:link {
color: #666666;
text-decoration: underline;}
#footer a:hover {
color: #0066FF;
text-decoration: none;}
#footer a:visited {
color: #0033CC;
text-decoration: underline;}
#footer a:active {
color: #0066FF;
text-decoration: underline;}
/**************************************************************************************************************************************************************************************** 	MENU SIDEBAR *************************************************************
*************************************************************************************************/

/*************** SQUELETTE MENU SIDEBAR ***********************************************************/  

.menu-top {
background-image: url(../Images/contenu/sidebar-menu-top.gif);
height: 30px;
}
.menu-top-contenu {
text-align: left;
padding: 3px 0px 10px 5px;
}
.menu-top-contenu h2 {
font-weight: bold;
color: #000000;
font-size: 11px;
}
.menu-middle {
background-image: url(../Images/contenu/sidebar-menu-middle.gif);
height: auto;				
}
.menu-middle-contenu {
text-align: left;
width: 170px;
overflow: hidden;
padding: 0px 6px 0 6px;
margin-left: 3px;
}
.menu-middle-contenu p {
font-weight: normal;
color: #000000;
font-size: 11px;}
.menu-foot {
background-image: url(../Images/contenu/sidebar-menu-foot.gif);
height: 30px;
}

/*************** SPECIFICITES menu-middle-contenu li SIDEBAR ***********************************************************/  
.menu-middle-contenu-sb1 {
text-align: left;
width: 165px;
overflow: hidden;
padding: 0px 3px 0 6px;
margin: 0 3px 0 3px;

}
.sb1 li {
display:list-item;
list-style-image: url(../Images/contenu/fleche.gif);	
}
.sb2-plan li {
display:list-item;
list-style-image: url(../Images/contenu/fleche.gif);	
}
.sb2-plus li {
display:list-item;
list-style-image: url(../Images/contenu/plus.gif);	
}
/**************************************************************************************************************************************************************************************** 	PAGE /// PHOTO /// SOUS-CATEGORIE ******************************************************************* ***********************************************************************************************************************************************************************************************************************************************/

/*************** mainContent ***********************************************************/  
.fil-ariane {
padding: 0px 10PX 5px 10PX;
}
.fil-ariane h3 {
color: #0066FF;
font-size:11px;
font-weight: normal;
text-decoration: none;
}	
.fil-ariane li {
display: inline;
}
.fil-ariane li.actif {
color: #000000;
}
#Page-Titre {
background-image: url(../Images/contenu/page-titre.gif);
height: 120px;
width: auto;
padding: 0 3px 0 6px;
overflow: hidden;
text-align:justify;
}
#Page-Titre-photo {
float:left;
height: 100px;
width: 100px;
margin-top: 10px;
padding-left: 5px;
}
#Page-Titre-contenu{
float:right;
height: 100px;
width: 450px;
margin: 5px 5px 5px 0px;
overflow: hidden;
text-align: justify;
border-bottom : 1px solid #cccccc;
}
#Page-centre{
}

#Page-centre-top{
background-image: url(../Images/contenu/page-photos-top.gif);
height: 20px;
}
#Page-centre-middle{
background-image: url(../Images/contenu/page-photos-middle.gif);
height: auto; /*pour les photos : 200px*/
overflow: hidden;
}			
#Page-centre-middle-contenu{
width: auto;
height: auto;
text-align:center;
overflow:hidden;
}
#Page-centre-foot{
background-image: url(../Images/contenu/page-photos-foot.gif);
height: 110px;
overflow: hidden;
}
#Page-centre-foot-contenu {
margin: 0px -2px 0 6px;
overflow: hidden;
width: 570px;
}	
.Page-centre-liens-gauche{
height: 30px;
overflow: hidden;
float: left;
width: 273px;
margin-top: 10px;
}
.Page-centre-liens-droit{
height: 30px;				
width: 270px;
overflow: hidden;
float: right;
margin-top: 10px;
}	
#Page-Texte{
	padding: 0 10PX 0 10PX;
	border: thin solid #CCCCCC;
	width: auto;
	background-color: #FFFFFF;
	text-align: justify;
	overflow:hidden;
}
#Page-Texte h2{
font-size: 13px;
color: #FFFFFF;
text-decoration:none;
font-weight: normal;
background-image:url(../Images/contenu/nav.png);
min-height: 25px;
padding-top: 1px;
}
#Page-Texte h3{
	font-size: 14px;
	color: #bb57b7;
	font-weight: bold;
}		
.txt-fleche li {
display:list-item;
list-style-image: url(../Images/contenu/fleche.gif);
}
.txt-plus li {
display:list-item;
list-style-image: url(../Images/contenu/plus.gif);	
}
/**************************************************************************************************************************************************************************************** 	INDEX *****************************************************************************
*************************************************************************************************/

/*************** MAINCONTENT (COLONNE CENTRALE) ***********************************************************/  
#mise-a-jour {
	margin: 10px 10PX 10px 5PX;
	color: #0066FF;
	text-align: right;
}
#intro {
background-image: url(../Images/contenu/bienvenue.gif);
height: 304px;
}
#intro-contenu{
height: 294px;
overflow: hidden;
margin: 5px 13px 5PX 13PX;
text-align:justify;
}
#intro-contenu h1{
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	color: #000000;
}
#intro-contenu h2{
text-transform: none;
color: #000000;
}
#intro-contenu p{
font-size: 11px;
}
#actualites {
	background-color: #FFFFFF;
	width: 560px;
	height:auto;
	margin-top: 13px;
	padding: 5px 10px 5px 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
	#actualites h2{
	color:#0066FF;
	font-size: 12px;
}
#actualites  h3{
	font-size: 11px;
 	font-weight: normal;
}
#actualites p{
	font-size: 11px;
	}
#Container-Articles {
background-color: #FFFFFF;
width: 580px;
border: 1px solid #CCCCCC;
height:700px;
margin-top: 13px;
padding-top: 10px;
}
#Container-Articles h2{
color: #0066FF;
}
#Container-Articles h3{
color: #0066FF;
font-size: 13px;
font-weight: normal;}
#Container-Articles p{
font-size: 11px;
}
#Container-Articles a:link {
color: #0066FF;
text-decoration: none;
}
#Container-Articles a:hover {
text-decoration: underline;
}
#Container-Articles a:visited {
color: #0066FF;
text-decoration: none;
}	
.Article-gauche {
height: 321px;
width: 270px;
background-image: url(../Images/contenu/article.gif);
float: left;
margin-left: 10px;
margin-top: 15px;
}
.Article-droit {
height: 321px;
width: 270px;
background-image: url(../Images/contenu/article.gif);
float: right;
margin-right: 10px;
margin-top: 15px;
}		
.Article-titre  {
width : 260px;
margin : 5px 5px 0 5px;
border-bottom : 1px solid #cccccc;
} 						
.Article-contenu  { 
width : 250px;
overflow : hidden;
margin : 0 10px 0 10px;
text-align : justify;
} 										
.Article li {
display:list-item;
list-style-image: url(../Images/contenu/fleche.gif);	
}
/**************************************************************************************************************************************************************************************** 	CATEGORIES *******************************************************************************************************************************************************************************************************************************/
/*************** titre ***********************************************************/  
#Bienvenue {
background-image: url(../Images/contenu/bienvenue.gif);
height: 304px;
position: relative;
}
#Bienvenue-categorie{
float: left;
height: 169px;
overflow: hidden;
margin: 5px 6px 5PX 6PX;
width: 560px;
}
#Bienvenue-categorie p{
font-size: 11px;
}
/*************** categories squelette ***********************************************************/  
#cat {
width:560px !important;
height: auto;
margin:5px 10px 0 10px;
}
#cat h2 a:link{
color:#CC3399;
}
#cat h2 a:hover{
color:#0066FF;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
font-size:16px;
}
#cat h2 a:visited {
color:#CC3399;
font-family: "Times New Roman", Times, serif;
text-decoration: underline;
text-transform: uppercase;
font-size:16px;
}
#cat h2 a:active {
color: #0066FF;
font-family: "Times New Roman", Times, serif;
text-decoration: underline;
font-size:16px;
}
.cat-top {
background-image: url(../Images/contenu/cat-top.gif);
height: 20px;
}
.cat-top-contenu {
text-align: left;
margin-left: 60px;
margin-top: 5px;
text-transform: uppercase;
}
.cat-top-contenu h2{
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
font-size:16px;
}
.cat-top-contenu h2 a:link{
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
font-size:16px;
}
.cat-middle {
	background-image:url(../Images/contenu/cat-middle-chir-esth-visage.gif);
	height: auto;
	padding-left: 3px;
}
.cat-middle-contenu {
text-align: left;
padding: 10px 0 1px 60px;
height: auto;}
	
.cat li {
	display:list-item;
	list-style-image: url(../Images/contenu/yes.png);
}
.cat-l {   /*sous-menu gauche*/
float:left;
width: 130px;}
.cat-r {   /*sous-menu droit : le dernier*/
float:right;
width: 360px;
margin-left:10px;}
#cat a:link {
color:#666666;
text-decoration: none;
}
#cat a:hover{
color:#0066FF;
text-decoration: underline;
}
#cat a:visited {
color:#0066FF;
text-decoration: none;
}
#cat a:active {
text-decoration: none;
}
.cat-foot {
background-image: url(../Images/contenu/cat-foot.gif);
height: 16px;
}

/*************** categories chirurgie esthetique ***********************************************************/  
#cat-middle-chir-esth-calvitie {
background-image:url(../Images/contenu/cat-middle-chir-esth-calvitie.gif);
border-bottom: 1px solid #CCCCCC;
}
#cat-middle-chir-esth-visage {
background-image:url(../Images/contenu/cat-middle-chir-esth-visage.gif);
height: auto;
border-bottom: 1px solid #CCCCCC;
}
#cat-middle-chir-esth-sein {
background-image:url(../Images/contenu/cat-middle-chir-esth-sein.gif);
border-bottom: 1px solid #CCCCCC;
}
#cat-middle-chir-esth-silhouette {
background-image:url(../Images/contenu/cat-middle-chir-esth-silhouette.gif);
border-bottom: 1px solid #CCCCCC;
}
#cat-middle-chir-esth-intime {
background-image:url(../Images/contenu/cat-middle-chir-esth-intime.gif);
border-bottom: 1px solid #CCCCCC;
}
#cat-middle-chir-esth-homme {
background-image:url(../Images/contenu/cat-middle-chir-esth-homme.gif);
border-bottom: 1px solid #CCCCCC;
}

/*************** categories medecine esthetique ***********************************************************/  
#cat-middle-med-esth-technique {
background-image:url(../Images/contenu/cat-middle-med-esth-technique.gif);
}
#cat-middle-med-esth-epilation {
background-image:url(../Images/contenu/cat-middle-med-esth-epilation.gif);
}

/*************** categories chirurgie reparatrice ***********************************************************/  
#cat-middle-chir-reconstructrice-sein {
background-image:url(../Images/contenu/cat-middle-chir-esth-sein.gif);
}
#cat-middle-chir-plastique-sein {
background-image:url(../Images/contenu/cat-middle-chir-esth-sein.gif);
}
#cat-middle-chir-rec-dermato {
background-image:url(../Images/contenu/cat-middle-chir-rec-dermato.gif);
}
#cat-middle-chir-rec-obesite {
background-image:url(../Images/contenu/cat-middle-chir-rec-obesite.gif);
}
/*************** categories chirurgie reparatrice ***********************************************************/  

#cat-fiche-pratique {
width:560px !important;
height: auto;
margin:5px 10px 0 10px;
font-family: "comic Sans MS";
}
#cat-fiche-pratique h2 a:link{
color:#CC3399;
text-transform: uppercase;
font-family: "Times New Roman", Times, serif;
font-size:16px;
}
#cat-fiche-pratique h2 a:hover{
color:#0066FF;
text-transform: uppercase;
}
#cat-fiche-pratique a:link {
color:#666666;
text-decoration: none;
}
#cat-fiche-pratique a:hover{
color:#0066FF;
text-decoration: underline;
}
#cat-fiche-pratique a:visited {
color:#0066FF;
text-decoration: none;
}
#cat-fiche-pratique a:active {
text-decoration: none;
}
/**************************************************************************************************************************************************************************************** 	CLINIQUE CONSULTATION *****************************************************************************
*************************************************************************************************/

/*************** centre esthetique ***********************************************************/  

#centre-adresse {
height:260px;
width: 230px;
float:left;
margin-right: 13px;
margin-left: 26px;
border: thin solid #CCCCCC;
text-align:center;
}
#centre-map {
height:260px;
width: 280px;
float:right;
margin-right: 13px
;margin-left: 13px;}
#centre-contenu {
height:auto;
width: 550px;
margin-right: 13px;
margin-left: 13px;
margin-top: 280px; 
text-align:justify;
}
#clinique-container-article{
background-color: #FFFFFF;
width: 580px;
border: 1px solid #CCCCCC;
height:400px;
margin-top: 13px;
padding-top: 10px;
}
#clinique-container-article h2{
color: #0066FF;
}
#clinique-container-article p{
font-size: 11px;
}
#clinique-container-article a:link {
color: #0066FF;
text-decoration: none;
}
#clinique-container-article a:hover {
text-decoration: underline;
}
#clinique-container-article a:visited {
color: #0066FF;
text-decoration: none;
}

/*************** cliniques ***********************************************************/  

#bienvenue-clinique-contenu {
height: 294px;
overflow: hidden;
margin: 5px 13px 5PX 13PX;
text-align:justify;
}

.clinique{
margin-top: 10px;
}
.clinique-top{
background-image: url(../Images/contenu/page-photos-top.gif);
height: 20px;
}
.clinique-middle{
background-image: url(../Images/contenu/page-photos-middle.gif);
height: auto; /*pour les photos : 300px*/
overflow: hidden;
}			
.clinique-middle-titre {
height:30px;
width: 550px;
margin-right: 13px;
margin-left: 13px;
text-align: left;
}
.clinique-middle-adresse {
height:160px;
width: 230px;
float:left;
margin-right: 13px;
margin-left: 26px;
border: thin solid #CCCCCC;
text-align:center;
}
.clinique-middle-map {
height:160px;
width: 280px;
float:right;
margin-right: 13px
;margin-left: 13px;}
.clinique-middle-contenu {
height:auto;
width: 550px;
margin-right: 13px;
margin-left: 13px;
margin-top: 180px; 
text-align:justify;
}
.clinique-foot{
background-image: url(../Images/contenu/page-photos-foot.gif);
height: 110px;
overflow: hidden;
}
.clinique-foot-contenu{
width: 560px;
height: auto;
margin: 0px 10px 0 10px;
text-align: justify;
}
/**************************************************************************************************************************************************************************************** 	FICHE PRATIQUE ********************************************************************************************************************************************************************************************************************************************************************/

#fp-container{
width:569px !important;
height: auto;
font-family: "comic Sans MS";
padding: 0 3px 0 6px;
border: thin solid #CCCCCC;
width: auto;
background-image:url(../Images/contenu/fiche-pratique.gif);
text-align: justify;
}
#fp-titre{
height: 110px;
margin-top: 5px;
border-bottom : 1px solid #999999;
}
#fp-titre-photo{
float:left;
height: 100px;
width: 100px;
margin-top: 10px;
}
#fp-titre-contenu{
float:right;
height: 100px;
width: 450px;
margin: 5px 5px 5px 0px;
}
#fp-titre-contenu h1 {
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	text-transform:lowercase;
}
#fp-titre-contenu h2{
	font-size: 13px;
	color: #666666;
	font-weight: normal;
}
#fp-texte{
margin: 10px 5px 0 10px;
height: auto;
width: auto;
}
#fp-texte h2{
	font-size: 16px;
	color: #999999;
	font-weight: normal;
}
#fp-texte h3{
	font-size: 13px;
	color: #bb57b7;
	font-weight: normal;
}	
.fiche-p li {
display:list-item;
list-style-image: url(../Images/contenu/yes.png);	
}
/**************************************************************************************************************************************************************************************** 	DERHY ********************************************************************************************************************************************************************************************************************************************************************/

#Page-centre-middle-derhy-contenu{
margin: 0px 20px 0 20px;
min-height: 200px;
height: auto;
}
#Page-centre-foot-derhy-contenu {
margin: 0px 20px 0 20px;
}	
/**************************************************************************************************************************************************************************************** 	CONTACT ********************************************************************************************************************************************************************************************************************************************************************/


/*************** MAINCONTENT PAGE (COLONNE CENTRALE) ***********************************************************/  	#container-contact {
height:630px;
width: 560px;
background-image: url(../Images/contenu/fond-contact.gif);
}
#contact {
width: auto;
}

/**************************************************************************************************************************************************************************************** 	GALERIE PHOTOS  ********************************************************************************************************************************************************************************************************************************************************************/

.galerie-photo-titre{
	margin-bottom: 15px;
	width: 580px;
	height: auto;
	border-top: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	background-color: #FFFFFF;
}
.galerie-photo-titre h2{
	font-size: 16px;
}
.galerie-photo-g{
float: left; /* Cet élément doit précéder dans le code source tout élément a  côté duquel il doit aªtre positionné */
width: 192px; /* la couleur de l'arria¨re-plan est affichée sur la largeur du contenu de la colonne, mais pas au-dela  */
height: 80px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #FFFFFF;
margin-bottom: 15px;
}
.galerie-photo-m{
float: left; /* Cet élément doit précéder dans le code source tout élément a  côté duquel il doit aªtre positionné */
width: 192px; /* la couleur de l'arria¨re-plan est affichée sur la largeur du contenu de la colonne, mais pas au-dela  */
height: 80px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #FFFFFF;
margin-bottom: 15px;
}
.galerie-photo-d{
float: right; /* Cet élément doit précéder dans le code source tout élément a  côté duquel il doit aªtre positionné */
width: 193px; /* la couleur de l'arria¨re-plan est affichée sur la largeur du contenu de la colonne, mais pas au-dela  */
height: 80px;
border-bottom: 1px solid #cccccc;
background-color: #FFFFFF;
margin-bottom: 15px;
}


/**************************************************************************************************************************************************************************************** 	PHOTOS  ********************************************************************************************************************************************************************************************************************************************************************/

/**************************************************** 	Photos-sous-menu ***********************************************************/
.Photos-sous-menu {
	height: 46px;
	width: 560px;
	border: thin solid #FFFFFF;
	background-color:#CCCCCC;
	margin-left:10px;
}
.Photos-sous-menu h2{
	background-image:url(../Images/contenu/h2-photo.gif);
	float:left;
	font-size: 14px;
	color: #FFFFFF;
		font-weight: normal;
	height:33px;
	padding-left: 46px;
}
/**************************************************** 	Photos-bloc ***********************************************************/

.Photos-bloc{
}
.Photos-top{
background-image: url(../Images/contenu/photos-top.gif);
height: 12px;
}
.Photos-middle{
background-image: url(../Images/contenu/photos-middle.gif);
height: auto; /*pour les photos : 200px*/
overflow: hidden;
width: 580px;
min-height: 100px;
}
.Photos-middle-contenu {
width: 580px;
min-height: 300px;
}
.Photos-foot{
background-image: url(../Images/contenu/photos-foot.gif);
height: 18px;
overflow: hidden;
}	
/**************************************************** 	Photo-bloc-middle-contenu *************************************************/
.Photos-middle-titre {
margin: 0px 10px 0 10px;
overflow: hidden;
height: 33px;
width: 560px;
}	
	.Photos-middle-titre h2{
	font-size: 14px;
	color: #bb57b7;
	font-weight: normal;
	}
.Photos-middle-comment{
margin: 4px 8px 0 12px;
overflow: hidden;
height: auto;
width: 540px;
}
		/****** Photos a l'horizontale ******/
.Photos { 
margin: 5px 5px 10px 60px;
width: auto; /*LARGEUR Photos=277px*/
height: auto;
border: 1px solid #cccccc;
}	
.Photos-unique { 
margin: 5px 5px 10px 10px;
width: auto; /*LARGEUR Photos=277px*/
height: auto;
border: 1px solid #cccccc;
}	

	/****** Photos a la verticale  ******/
.Photos6-g {
float:left; 
margin: 5px 1px 10px 6px;
overflow: hidden;
height: auto;
border: 1px solid #cccccc;
}	
.Photos6-c {
float:left; 
margin: 5px 1px 0 0px;
overflow: hidden;
height: auto;
border: 1px solid #cccccc;
}
.Photos6-d {
float:right; 
margin: 5px 13px 0 0px;
overflow: hidden;
height: auto;
border: 1px solid #cccccc;
}