/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/* TITRES */
h1{
	font:bold 15px Verdana, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	color:#6B99CD;
	font-style:italic;
}
h2{
	font:normal 12px Verdana, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	color:#AEAEAE;
	font-weight:bold;	
}
h3{
	font:bold 18px Verdana, Helvetica, sans-serif;
	margin: 0 0 18px 0;
	color:#006400;
	font-style:italic;
	border-bottom:2px solid #006400;
}
h4{
	font:bold 23px Verdana, Helvetica, sans-serif;
	margin: 0 0 16px 0;
	color:#006400;
}

#contenu p{
font:normal 12px Verdana, Helvetica, sans-serif;
text-align:justify;
color:#FFF;
margin:0 0px 12px 0;
}

#contenu ul{
list-style-type: none; 
margin-left:15px;
}
#contenu ul li{
background: url(../images/charte/puce.png) center left no-repeat; 
padding: 0px 0 0px 20px; 
font-size:12px;
line-height:20px;
color:#FFFFAB;
}


a{
color:#548B56;
text-decoration:none;
}
a:hover {
color:#7CB17E;
text-decoration:underline;
} 

#footerMenu p{
text-align:center;
font:normal 1.0em/1.1em Arial, Helvetica, sans-serif;
color: #FFF2AB;
padding:0.5em;
}
#footerInfo1 a{
display:inline;
}
#footerInfo1 a:link, #footerInfo1 a:visited, #footerInfo2 a:link, #footerInfo2 a:visited{
text-decoration:none;
color: #EEC334;
}
#footerInfo1 a:hover, #footerInfo1 a:active, #footerInfo2 a:hover, #footerInfo2 a:active{
text-decoration:none;
color: #FFF2AB;
}
#footerMenu .grasR{
font-weight:bold;
color:#850014;
font-size:1.2em;
}

#footerLogo img{
display:block;
margin:20px auto;
}

.grasV{
font-weight:bold;
color:#006400;
}

.grasV2{
font-size:16px;
font-weight:bold;
color:#006400;
}

.tableau {
background-color:#B5B5B5;
}

.tableau2 td{
background-color:#FFF;
font-size:11px;
padding:2px 4px 2px 4px;
}

.tableau-titre td{
font-weight:bold;
background-color:#EFEFEF;
}

td .tableau-col-principale {
font-weight:bold;
background-color:#FAFAFA;
}

a img {
border:0;
}

.gras{
font-weight:bold;
}

#encours{
color: #7CB17E;
}

/************* Images ********************************/

.imageright {
	float: right;
	margin:0px 15px 0 15px;
	border:1px solid #647382;
}
.imageright2 {
	float: right;
	margin:0px 15px 0 15px;
	border:0px solid #647382;
}
.imageleft {
	float:left;
	margin:0 15px 15px 0;
	border:1px solid #647382;
}
#choix_temoignage{
	float:right;
	margin:0 0px 0 20px;
	width:335px;
	height:450px;
	overflow:auto;
	text-align:left;
}
.imagetemoin {
	border:2px solid #FFF;
	margin:0 0px 4px 0px;
}
#imagecenter{
position: relative;
	width:805px;
	height:562px;
	margin:0 auto;
	text-align:center;
	border:1px solid #FFF;
}
#imagecenter_temoin{
position: relative;
	width:805px;
	height:562px;
	margin:0 auto;
	text-align:center;
	border:1px solid #FFF;
	background:#000 url(../images/charte/bg_temoinages.jpg) no-repeat scroll left top;
}
#imagecenter2{
position: relative;
	width:805px;
	height:562px;
	margin:0 auto;
	text-align:center;
	border:0px solid #FFF;
}
#menudiapo{
position: relative;
	width:861px;
	height:430px;
	margin:0 auto;
	text-align:center;
}
	#menudiapo a:link, #menudiapo a:active, #menudiapo a:hover, #menudiapo a:visited {
		font:normal 18px Times, serif;
		text-transform:uppercase;
		text-decoration:none;
		text-align:center;
		display:block;
		float:left;
		background-color:none;
		color:#CCC;
		margin:35px 20px 0px 0px;
		height:199px;
	}
	#menudiapo_haut a {
		color:#CCC;
		margin:90px 20px 0px 0px;
	}
	#menudiapo_bas a {
		color:#000;
		margin:35px 20px 0px 0px;
	}

#bouton_gal{
position:absolute;
top:45px;
right:12px;
width:830px;
height:274px;
z-index:1500;
}
#bouton_gal2{
position:absolute;
top:340px;
right:12px;
width:830px;
height:274px;
z-index:1500;
}
#bouton_gal ul, #bouton_gal2 ul {
list-style-type:none;
list-style-position:outside;
margin:0;
padding:0;
}

#bouton_gal li, #bouton_gal2 li  {
float:left;
cursor: pointer;
line-height:274px;
height:274px;
margin-right:0px;
}

#bouton_gal li a, #bouton_gal2 li a {
text-decoration: none;
display:block;
text-decoration: none;
height:274px;
background:no-repeat scroll left top;
cursor: pointer;
}

#bouton_gal li a span, #bouton_gal2 li a span  {
display:none;
}
#bouton_gal li a.bt-galmariage, #bouton_gal2 li a.bt-galmariage{
background-image:url(../images/charte/photos-mariage.jpg);
width:392px;
}
#bouton_gal li a.bt-galstudio, #bouton_gal2 li a.bt-galstudio{
background-image:url(../images/charte/photos-studio.jpg);
width:392px;
}
#bouton_gal li a.bt-galportrait, #bouton_gal2 li a.bt-galportrait{
background-image:url(../images/charte/photos-portrait.jpg);
width:392px;
}
#bouton_gal li a.bt-galdetails, #bouton_gal2 li a.bt-galdetails{
background-image:url(../images/charte/photos-details.jpg);
width:392px;
}
#bouton_gal  li a:hover, #bouton_gal2  li a:hover  {
background-position:left bottom;
}
#imagetopcenter{
position: relative;
	width:805px;
	height:178px;
	margin:0 auto;
	text-align:center;
	border:1px solid #FFF;
}

/* FORMULAIRE  GENERALISTE */
#formulaire form{
width:340px;
}
#formulaire .formline {	
margin:4px 0px 4px 0px;
float:left;
height:40px;
vertical-align: middle;
width:250px;
}

input {	
height:16px;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
line-height:16px;
margin:2px 0px 2px 0px;
width:220px;
}

label {	
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
display:block;
clear:left;
float:left;
margin:0px 0px 0px 5px;
width:95px;
line-height:20px;
height:20px;
}


textarea {	
float:left;
font:normal "Arial",Verdana,Helvetica;
font-size: 12px;
width:220px;
height:65px;
color:#000;
margin:2px 0px 2px 0px;
}

.ok{	
width:80px;
height:25px;
font:bold "Arial",Verdana,Helvetica;
text-align: center;
background-color:#FFFFFF;
color:#000;
cursor:pointer;
line-height:25px;
}
#lien-paginationP{
float:left;
}
#lien-paginationS{
float:right;
}