.image
{
padding:20px;
}


/*Detai1*/

.detail
{
float:left;
width:750px;
height:40px;
margin-bottom:50px;
}


.detail_gauche
{
float:left;
width:350px;
height:40px;
margin-left:10px;
text-align:left; 
}


.detail_droite
{
float:left;
width:350px;
height:40px;
margin-left:10px;
text-align:left;
}


/*Image à gauche texte à droite 1*/

.image_texte1
{
float:left;
width:750px;
height:215px;
margin-bottom:50px;
margin-top:20px;
border: solid 1px #529823;
}


.image_gauche1
{
float:left;
width:200px;
height:215px;
text-align:left; 
border-right: solid 1px #529823;
}


.texte_droite1 p
{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color: #186500;
font-family: "Arial", "Century Gothic", "Comic Sans MS";
border: solid 0px #529823; 
}


.texte_droite1
{
float:left;
width:549px;
height:215px;
background: #B8FF86;
text-align:justify;
}

/*Image à gauche texte à droite 2*/

.image_texte2
{
float:left;
width:750px;
height:140px;
margin-bottom:50px;
margin-top:20px;
border: solid 1px #529823;
}


.image_gauche2
{
float:left;
width:179px;
height:140px;
text-align:left; 
border-right: solid 1px #529823;
}


.texte_droite2 p
{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color: #186500;
font-family: "Arial", "Century Gothic", "Comic Sans MS";
border: solid 0px #529823; 
}


.texte_droite2
{
float:left;
width:570px;
height:140px;
background: #B8FF86;
text-align:justify;
}

/*Image à gauche texte à droite 3*/

.image_texte3
{
float:left;
width:750px;
height:150px;
margin-bottom:50px;
margin-top:20px;
border: solid 1px #529823;
}


.image_gauche3
{
float:left;
width:220px;
height:150px;
text-align:left; 
border-right: solid 1px #529823;
}


.texte_droite3 p
{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color: #186500;
font-family: "Arial", "Century Gothic", "Comic Sans MS";
border: solid 0px #529823; 
}


.texte_droite3
{
float:left;
width:529px;
height:150px;
background: #B8FF86;
text-align:justify;
}


/*Texte à gauche image à droite 1*/

.texte_image1
{
float:left;
width:750px;
height:130px;
margin-bottom:50px; 
margin-top:20px;
border: solid 1px #A19316;
}


.image_droite1
{
float:left;
width:220px;
height:130px;
margin-bottom:20px;
text-align:right; 
border-left: solid 1px #A19316;
}


.texte_gauche1 p
{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color: #413D26;
font-family: "Arial", "Century Gothic", "Comic Sans MS";
}

.texte_gauche1
{
float:left;
width:529px;
height:130px;
background: #FFEB72;
text-align:justify;
}


/*Texte à gauche image à droite 2*/

.texte_image2
{
float:left;
width:750px;
height:206px;
margin-bottom:50px; 
margin-top:20px;
border: solid 1px #A19316;
}


.image_droite2
{
float:left;
width:275px;
height:206px;
margin-bottom:20px;
text-align:right; 
border-left: solid 1px #A19316;
}


.texte_gauche2 p
{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color: #413D26;
font-family: "Arial", "Century Gothic", "Comic Sans MS";
}

.texte_gauche2
{
float:left;
width:474px;
height:206px;
background: #FFEB72;
text-align:justify;
}


/*Texte à gauche image à droite 3*/

.texte_image3
{
float:left;
width:750px;
height:250px;
margin-bottom:50px; 
margin-top:20px;
border: solid 1px #A19316;
}


.image_droite3
{
float:left;
width:200px;
height:250px;
margin-bottom:20px;
text-align:right; 
border-left: solid 1px #A19316;
}


.texte_gauche3 p
{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
color: #413D26;
font-family: "Arial", "Century Gothic", "Comic Sans MS";
}

.texte_gauche3
{
float:left;
width:549px;
height:250px;
background: #FFEB72;
text-align:justify;
}


.image_centre
{
width: 750px;
margin-bottom:20px; 
margin-top:20px;
text-align:center;
}


.image_centre img
{
margin-top:10px;
border: solid 1px #9C9C9C;  
}


/*Image à  Gauche*/
div.gauche img 
{ 
background: #fff;
margin-top:100px;
}

/* l'image agrandie est cachée */
div.gauche 
{ 
display: none;
}

/* une fois le lien vignette cliqué, style et image fond du calque, retraits éventuels */
div.gauche:target 
{ 
display: block !important; 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
text-align: center; 
background: url('images/fond_calque.png'); 
position: fixed; 
}



/*Image à  Droite*/
div.droite img 
{ 
background: #fff;
margin-top:100px;
}

/* l'image agrandie est cachée */
div.droite
{ 
display: none;
}

/* une fois le lien vignette cliqué, style et image fond du calque, retraits éventuels */
div.droite:target 
{ 
display: block !important; 
position: absolute; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
text-align: center; 
background: url('images/fond_calque.png'); 
position: fixed; 
}