* {margin: 0; border: 0; padding: 0;} /* selecteur universel pour problemes des affichages des modeles de boites */
body{
margin-top:0;
text-align:center;
color:#237A22; 
}
body a:hover{
color:red;
}
.lien{
display:none;
visibility:hidden;
list-style-type:none;
text-decoration:none;
}
.pc {
color:#FF6600;
/* color:#FF0000; */
text-decoration:none;
/* color:#00803A; */
}
.espaceur {
clear: both;
line-height: 1px;
/* 	border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px; */
background-color:#FFFFCC;
border-color:#FED3A9; 
}
/****************************************
	FORMULAIRE
****************************************/

div.row {
 	clear: both;
	 padding-top: 10px;
/* 	 	border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; */
 }
input {
border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#FED3A9; 
color:#000000;
    /*  background-color:#FFCC00; */
     font-size:13px;
     font-family:arial;
}
select {
     color:#CC0000;
     background-color:#FFCC00;
     font-size:10px;
     font-family:arial;
}
textarea{
border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#FED3A9; 
color:#000000;
}
.bout{
margin-left:160px;
margin-top:10px;

}

div.row span.label {
 	float: left;
 	width: 150px;
 	text-align: right;

 }

div.row span.formw {
	 float: left;
	 margin-left:10px;
 	width: 435px;
 	text-align: left;

 }


.titre3 { /* Artiste */
margin-left: 220px; /* espacement entre les 2 zones de la 1ere ligne de formulaire */
}

.titre4 { /* Jean Dutournier */
color: #ff9806;  /* police orange */
background-color: inherit; /* toujours specifier une couleur de fond en meme temps que la couleur de police */
margin-left: 3px; /* espacement entre les titres "Artiste" et "Jean Dutournier" */ 
}

#form_ligne1 {
margin-bottom: 30px; /* espace entre les 2 lignes du formulaire */
}

#form h5 {
display: inline;
/* color: #f0f; police magenta */
margin-left: 3px; /* espacement entre les zones de la 2eme ligne de formulaire */
}

#bouton_ok {
font-size: 0.7em; /* pourcentage par rapport a la taille de police par defaut de chaque navigateur ou de celle choisie par l'internaute */
margin-left: 7px; /* espacement bouton OK sur la 2eme ligne de formulaire */
}
#principal{
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;  
margin-left: auto;
margin-right: auto; 
text-align: left; 
margin-top:0px;
margin-bottom:0px;
width:760px;
border-color:#44B749; 
}
#appel2{
visibility:hidden;
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; 
border-color:#FED3A9; 
width: 698px; 
height:auto; 
background-color:#FFFFCC; 
margin: 0px auto;
}
#appel3{
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; 
border-color:#B2E5C1; 
width: 698px; 
height:auto; 
background-color:#FFFFFF; 
margin: 0px auto;

}
img {
border: none;
}
.banniere{
margin-left: auto;
margin-right: auto; 
text-align:center;
width: 758px;
}
/* menu du site */
ul#menu{
list-style-type:none;
}
ul#bloc4{

text-align:left;
}
#bloc4 li{
/* list-style-type:none; */
text-align:left;
list-style-type:square;
margin-left:50px;
/* color:#996600; */
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
/* font-weight:bold; */
}
#bloc4 li a{
line-height:30px;
color:#000000;
text-decoration:none;
}
#bloc4 a{

text-decoration:none;
}


#bloc5 li{
/* list-style-type:none; */
text-align:left;
color:#000000;
list-style-type:square;
margin-left:50px;
margin-top:15px;
margin-bottom:12px;
/* color:#996600; */
font-size:13px;
font-style:normal;
font-family: Arial, Helvetica, sans-serif;
/* font-weight:bold; */
}

#menu li{
display:inline;
}
#menu{
margin-left:2px;
text-align:center;
height:60px;
}
 #menu a{
color:#00803A;
text-decoration:none;
 float:left;
 background-color:#FFFF66;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; 
border-color:#019C47;
height:25px;
width:120px;
line-height:25px;
 margin-top: 15px;
margin-left:55px;
} 
#menu a:hover{
color:#FF6600;
text-decoration:none;
}
/*fin de  menu du site */

/*  page detail colonne 1 ligne 1*/
#det1{
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#FED7AE;
/* width:230px; */
 width:270px;
margin-top:0px;
margin-bottom:0px;
float:left;
text-align:left;
background-color:#FFFFCC;
line-height:50px;
color:#FF7919;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
#det1 span{
margin-left:5px;
margin-right:5px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
/*  page detail colonne 2 ligne 1 */
#det2{
width:208px;
margin-top:0px;
margin-bottom:0px;
text-align:left;
float:left;
background-color:#FFFFCC;
line-height:50px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
#det2 span{
color:#660000;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
/*  page detail colonne 3 ligne 1 */
#det3{
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px; 
border-color:#FED3A9; 
width:220px;
margin-top:0px;
margin-bottom:0px;
text-align:center;
float:left;
background-color:#FFFFCC;
line-height:50px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
#det3 span{
color:#FF7919;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
}
/*  page detail  ligne 2 */
#det4{
color:#996600;
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px; 
border-color:#FED3A9; 
margin-top:0px;
/* padding-left:10px; */
/* padding-right:10px; */
margin-bottom:0px;
float:left;
text-align:left;
background-color:#FFFFCC;
/* line-height:50px; */
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
width:698px;
}

#det4 span{
margin-left:5px;
margin-right:5px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
}

h2{
text-align:center;
color:#FF9F4C;
/* padding:0px; */
/* width:698px; */
font-size:15px;
margin-left:0px;
background-color:#FFFFFF;
/*  margin-left:10px; */
text-decoration:none;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
line-height:50px; 
}
h1 a{
/* margin-left:20px; */
text-align:center;
padding-bottom:15px;
margin-left:0px;
color:#FF0000;
font-size:17px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:50px;
width:300px;
border-bottom:2px ridge #FED7AE;

}
h1{
background-color:#FFFFFF;
/* width:400px; */
text-align:center;
border:bottom:1cm inset red;
/* margin-left:50px;
margin-right:50px; */

}

.cont4 {
/* margin-top: 20px; */
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
/* font-weight:bold; */
margin-bottom: 10px;
text-decoration:none;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#000000;
text-align:left;
margin-top:15px;
margin-right:30px;
margin-left:30px;
color:#000000;
/* height:200px; */
}
.cont6 {
/* margin-top: 20px; */
font-size:13px;
font-family: Arial, Helvetica, sans-serif;
/* font-weight:bold; */
margin-bottom: 10px;
text-decoration:none;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#000000;
text-align:left;
margin-top:60px;
margin-right:30px;
margin-left:30px;
color:#000000;
width:320px;
float:left;
/* height:200px; */
}
.cont5 {
float:left;
margin-bottom:10px;
/* margin-top: 30px;
margin-left:30px; */
/* text-align:left; */
}


/* page detail  ensemble des photos*/
#sousbloc1{
margin-left: auto;
margin-right: auto; 
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#FED3A9; 
width:698px;
background-color:#FFFFCC;
float:left;
}
#sousbloc1 a{
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px;
margin-left:57px;
/* width:260px; */
height:255px;
margin-bottom:5px;
text-decoration:none;
float:left;
}
#sousbloc1 a img{
margin-bottom:5px;
margin-top:5px;
margin-left:2px;
text-decoration:none;
}
#sousbloc1 a p{
color:black;
text-decoration:none;
list-style-type:none;

}
#sousbloc1 a:hover p{
color:red;
text-decoration:none;
list-style-type:none;

}
#sousbloc2{
margin-left: auto;
margin-right: auto; 
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px;
border-color:#FED3A9; 
width:698px;
background-color:#FFFFCC;
float:left;
}
#sousbloc2 a{
width:698px; 
height:auto;
float:left;
}
#sousbloc2 a img{
margin-top:25px;
margin-bottom:25px;
}
/* fin page detail  ensemble des photos*/

/* page detail  info supplémentaires*/
.det5{
color:#FF7919;
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px; 
border-color:#FED3A9; 
margin-top:0px;
margin-bottom:0px;
float:left;
text-align:left;
background-color:#FFFFCC;
 line-height:30px; 
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
width:698px;
}
.det5 span{
margin-left:5px;
margin-right:5px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
}
/*  page detail => fin de page nous contacter */
#contact{
/* width:56px; */
margin-left:50px;
height:100px;
text-decoration:none;
color:#FF0000;
margin-left:0px;
margin-top:0px;
margin-right:0px;
border-style:solid;
border-top:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
 border-color:#FED3A9; 
/* margin-top:0px;
margin-bottom:0px; */
/*  float:right; */ 
 text-align:center;
background-color:#FFFFCC;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
/* line-height:43px; */
 width:698px; 
}
/* #bloc2 a:hover{
color:#00803A;
text-decoration:none;
} */
.det6 {
/* width:56px; */
text-decoration:none;
color:#FF0000;
margin-left:0px;
margin-top:20px;
margin-right:0px;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px; 
border-color:#FED3A9; 
/* margin-top:0px;
margin-bottom:0px; */
float:left;
text-align:left;
background-color:#FFFFCC;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:43px;
/* width:698px; */
}
/* nous contacter */
.det6a{
margin-top:20px;
margin-left:20px;
background-color:#FFFFCC;
width:160px;
float:left;
text-decoration:none;
color:#FF0000;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:43px;
}
.det6 a:hover{
color:#00803A;
text-decoration:none;
}

.det7 {
margin-top:20px;
width:460px; 
color:#FF0000;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#FED3A9; 
line-height:43px;
float:left;
background-color:#FFFFCC;
text-align:right;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
/* margin-top:0px; */
margin-bottom:0px;
line-height:43px;
}
.det7 a:hover{
color:#00803A;
text-decoration:none;
}
.det8 {
margin-top:20px;
width:698px; 
/* color:#FF0000; */
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#FED3A9; 
line-height:43px;
float:left;
background-color:#FFFFCC;
text-align:right;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
/* margin-top:0px; */
margin-bottom:0px;
line-height:43px;
}
.det8 a:hover{
color:#00803A;
text-decoration:none;
}
.det6 span{
/* background-color:#FFFFFF; */
border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; 
border-color:#FED3A9;
margin-top:0px;
margin-left:10px;
margin-right:15px;
line-height:46px; 
/* height:56px;
width:300px; */
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
float:right;
}
/* fin  page detail => fin de page nous contacter */
.pageCourante2{
color:#FF8C3F;
	text-decoration:underline;
	text-align:center;
	padding-right:0px;
	padding-left:0px;
}
.exclu{
color:#FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.nouv{
color:#000099;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
#page{
width:700px;
height:25px;
text-align:center;
margin-left: 30px;
margin-right: 30px; 
}
#page a{
color:#4470C5;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#page a:hover{
/* color:#00803A; */
color:#FF8C3F;
text-decoration:none;
}
/* debut de conteneur central  page index*/
#bloc1{
margin-left: 30px;
margin-right: 30px; 
margin-top:15px;
text-align:center; 
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#B2E5C1; 
 background-color:#FFFFFF;
width:700px; 
}
#bloc1 a:hover{
/* color:#00803A; */
text-decoration:none;
}
/* fin de conteneur central  page index*/

/* debut de conteneur central  page detail*/
#bloc2{
margin-left: 30px;
margin-right: 30px; 
margin-top:15px;
text-align:center; 
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#FED7AE; 
width:700px; 
}
#bloc2 a:hover{
color:#00803A;
text-decoration:none;
}
.det8 a{
color:black;
text-decoration:none;
}
#bloc4{
margin-left: 30px;
margin-right: 30px; 
margin-top:15px;
text-align:center; 
border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; 
border-color:#FED7AE; 
width:700px; 
background-color:#FFFFFF;
}
#bloc4 a:hover{
color:#00803A;
font-weight:bold;
text-decoration:none;
}
/* fin  de conteneur central page detail */

/* entete page index colonne 1 */
#p1{
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
color:#2C85F2;
margin-top:0px;
margin-bottom:0px;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#B2E5C1; 
background-image:url(images/fond_ent_liste.jpg);  
width:170px; 
height:23px;
 float:left;
}
#p1a{
/* padding-left:15px; */
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
text-align:left;
color:#2C85F2;
margin-top:0px;
margin-bottom:0px;
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:0px; 
border-color:#B2E5C1; 
background-image:url(images/fond_ent_liste.jpg);  
 width:698px; 
height:23px;
 float:left;
}
/* fin entete page index colonne 1 */

/* entete page detail  colonne 1*/
#p1det{
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
color:#822924;
margin-top:0px;
margin-bottom:0px;
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:1px; 
border-color:#FED3A9; 
background-image:url(images/fond_ent_det.jpg);
width:170px; 
height:23px;
 float:left;
}
/* fin entete page detail  colonne 1*/

/* entete page index colonne 2 */
#p2{
color:#2C85F2;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
border-color:#B2E5C1; 
background-image:url(images/fond_ent_liste.jpg); 
margin-top:0px;
margin-bottom:0px;
line-height:22px;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
width:420px;
height:23px; 
float:left;
}
/*fin  entete page index colonne 2 */

/*debut entete page detail colonne 2 */
#p2det{
text-decoration:none;
color:#FF0000;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
line-height:22px;
text-align:right;
border-color:#FED3A9; 
background-image:url(images/fond_ent_det.jpg);
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:1px; 
width:528px;
height:23px; 
float:left;
}
#bloc2 a:hover{
color:#00803A;
text-decoration:none;
}
/*fin entete page detail colonne 2 */

/*debut entête page index colonne 3 */
#p3{
color:#2C85F2;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
line-height:22px;
border-color:#B2E5C1; 
background-image:url(images/fond_ent_liste.jpg); 
margin-bottom:0px;
margin-top:0px;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:2px;
border-bottom-width:0px; 
width:106px; 
height:23px;
float:left; 
}
/*fin entête page index colonne 3 */

/*debut contenu page index colonne 1 */
.g1{
background-color:#FFFFCC;
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-color:#B2E5C1; 
/* border-color:#000000; */
/* height:160px; */
width:696px; 
min-height:132px; 
}
.g1:hover{

/* background-color:#e9ca89; */
background-color:#e9ca89;

z-index:1;
}
.col1{
/* background-color:#FFFFCC; */
margin-top:0px;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:0px; 
border-color:#B2E5C1;
width:170px; 
/* height:147px; */
float:left; 
}
.col1 a img{
margin-left:5px;
margin-top:5px;
text-align: center;
}
.col1 p{
margin-left:5px;
margin-top:2px;
text-align: center;
margin-bottom:0px;
}
/*fin contenu page index colonne 1 */

/*debut contenu page index colonne 2 */
/* .col2{
position:relative;
margin-top:0px;
background-color:#FFFFCC;
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:1px;
border-bottom-width:1px; 
border-color:#B2E5C1;
width:420px; 
height:auto;
float:left;
} */
.col2{
/* position:relative; */
margin-top:0px;
/* background-color:#FFFFCC; */
border-style:solid;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#B2E5C1;
width:420px; 
/* height:147px; */
float:left;
}

.col2a{
display:block;
margin-left:5px;
margin-top:2px;
text-align: left;
width:410px;
text-decoration:none;
color:#FF9F4C;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.col2b{
display:block;
margin-left:5px;
margin-top:2px;
text-align: left;
/* height:auto; */
width:410px;
text-decoration:none;
color:#996600;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
.col2c{
/* position:relative; */
margin-top:10px;
display:block;
margin-left:5px;
text-align: left;
width:410px;
color:#996600;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration:none;
} 
.col2 a span{
text-decoration:none;
color:#FF9F4C;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
/*fin contenu page index colonne 2 */

/*debut contenu page index colonne 3 */
.col3{
text-align: center;
/* background-color:#FFFFCC; */
border-style:solid;
border-top-width:0px;
border-left-width:1px;
border-right-width:0px;
border-bottom-width:0px; 
border-color:#B2E5C1; 
width:104px; 
float:left;
/* height:147px; */
}
.col3 a{
display:block;
margin-left:5px;
margin-top:35px;
text-align: center;
height:auto;
line-height:25px;
text-decoration:none;
color:#660000;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
/*fin  contenu page index colonne 3 */
.separation{
margin:0px;
padding:0px;
clear:both;
 visibility:hidden; 
/* border-style:solid;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-bottom-width:1px; */
}
.separation2{
clear:both;
height:50px;
margin-top:10px;
visibility:hidden;
}