/* CSS Document */

/* Balise */

body { 
	background-color:#FFFFFF; 
	color:#494949; 
	font:14px/1.8em georgia; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
/* Classes de blocs */

.header { 
	position:relative; 
	margin-top: 40px; 
	border-top-width:1px; 
	border-top-color:#d1d1d1; 
	border-top-style:solid;
	width:1018px;
	}
	
.logo { position:relative;  float:left; width:50%; text-align:left; }
.menu { position:relative; float:right; width:50%; text-align:right; vertical-align:top; }
.menu1 { position:relative; }

.menu_haut { 
	background:url(images/fond_menu_haut.jpg) repeat-x top; 
	float:right; 
	border-right:solid #FFFFFF 1px;
	padding: 4px 20px 6px 20px;
	color:#FFFFFF;
	font-size:16px; 
	}
.menu_haut a { text-decoration:none; color:#FFFFFF;}
.menu_haut a:hover { text-decoration:underline; }

.menu2 { position:relative; clear:right; }

.menu_bas {
	float:right; 
	}

.menu2 ul {
	list-style: none;
	padding: 0;
	margin: 85px 0 0 85px;
}

.menu2 ul li {
	float: left;
}

.menu2 ul li a {
	display: block;
	height: 29px;
	padding: 0;
}

.menu2 ul li#m1 a {
	width: 105px;
	background: url('images/menu_mariage.jpg') no-repeat top;
}

.menu2 ul li#m1B a {
	width: 105px;
	background: url('images/menu_mariage.jpg') no-repeat bottom;
}

.menu2 ul li#m2 a {
	width: 85px;
	background: url('images/menu_sport.jpg') no-repeat top;
}

.menu2 ul li#m2B a {
	width: 85px;
	background: url('images/menu_sport.jpg') no-repeat bottom;
}

.menu2 ul li#m3 a {
	width: 100px;
	background: url('images/menu_studio.jpg') no-repeat top;
}

.menu2 ul li#m3B a {
	width: 100px;
	background: url('images/menu_studio.jpg') no-repeat bottom;
}

.menu2 ul li#m4 a {
	width: 125px;
	background: url('images/menu_prisedevue.jpg') no-repeat top;
}

.menu2 ul li#m4B a {
	width: 125px;
	background: url('images/menu_prisedevue.jpg') no-repeat bottom;
}

.menu2 ul li#m1 a:hover, ul li#m2 a:hover, ul li#m3 a:hover, ul li#m4 a:hover  {
	background-position: bottom;
}


p#coordonnees {
color:#fff;
line-height:1.4em;
text-align:left;
padding-left:15px;
}
p#coordonnees a {
text-decoration:none;
color:#fff;
}

	
.anim { 
	position:relative; 
	width:1017px; 
	height:346px; 
	background-color:#1A171B; 
	clear:left;
	}
	
.titrepage { 
	position:relative; 
	width:997px;
	background:url(images/degrade_titre.jpg) repeat-x #FFFFFF top;
	text-align:left;
	padding: 36px 0 20px 20px;
	font-size:28px;
	color:#868789;
	border-bottom-width:1px; 
	border-bottom-color:#d1d1d1; 
	border-bottom-style:solid;
	}
	
.surlignerose {
color:#FF3399;
}
#footer { width:1018px; clear:both; }
.adresse { 
	margin-top:60px;
	padding-left:30px;
	
	text-align:left;
	position:relative; 
	float:left; 
	width:379px; 
	background-color:#808080; 
	height:245px; 
	display:inline; 
	}
.partenaires { 
	margin-top:60px;
	padding: 20px 20px 20px 20px;
	position:relative; 
	width:569px; 
	background-color:#808080; 
	height:205px; 
	float:right; 
	display:inline;
	text-align:right;
	}
.copyright {
	padding: 20px 20px 20px 20px;
	clear:both;
	width:1018px;
	font-size:12px;
	text-align:center;
	color:#bababa;
	line-height:1.4em;
	}
.copyright a {
text-decoration:none;
color:#bababa;
}
/* Classes de contenu selon les pages */

.accueil { position:relative; width:967px; padding: 25px; margin-bottom:40px;}
.accueil #col1 { width:210px; float:left;  }
.accueil #col2 { width:233px; float:left; vertical-align:top; padding:0 20px 0 20px; margin:0;}
.accueil #col3 { width:210px; float:left;}
.accueil #col4 { width:233px; float:left;vertical-align:top; padding:0 20px 0 20px; margin:0;}
.accueil h2 { font-size:21px; color:#868789; text-align:left; margin:0 }
.accueil p { font-size:14px; color:#494949; text-align:justify; line-height:1.3em; } 

.agence { position:relative; width:1025px; padding: 0px 0px 0px 0px; margin: 0 20px 0 0; text-align:justify; line-height:1.5em; }
.agence h2 { font-size:21px; color:#DD2985; font-weight:normal; padding: 10px 20px 5px 10px; text-align:left; }
.agence p { padding: 0 30px 0 10px; color:#494949; }
.agence h3 { font-size:14px; text-align:left; font-weight:bold; text-transform:uppercase; background:url(images/puce_pack.png) no-repeat; padding: 0 0 0 18px; background-position: center left; }
.agence li { text-align:left; padding-right:25px; list-style-image: url(images/puce_pack.png); }

.agence #col4 { position:relative; float:left; width:300px; margin:0 0 0 25px; }
.agence #col5 { position:relative; float:left; width:350px;}
.agence #col6 { position:relative; float:left; width:350px;}

.contact { position:relative; width:1025px; padding: 0px 0px 0px 0px; margin: 0 20px 0 0; text-align:justify; line-height:1.5em; }
.contact #col1 { position:relative; float:left; width:500px; margin:0 0 0 25px; }
.contact #col2 { position:relative; float:left; width:450px; margin:0 0 0 25px;}

.contenu { position:relative; width:997px; padding: 0px 0px 25px 0px; margin-bottom:40px; }
.contenu #col1 { float:left; width:303px; background-color:#fff; text-align:justify; line-height:1.4em;  }
.contenu #col1 li { text-align:left; padding-right:25px; list-style-image: url(images/puce_pack.png); }
.contenu #col2 { float:left; width:403px; background-color:#fff; text-align:justify; line-height:1.4em; }
.contenu #col2 span { text-align:left; font-weight:bold; text-transform:uppercase; background:url(images/puce_pack.png) no-repeat; padding: 0 0 0 18px; background-position: center left; }
.contenu #col2 h3 { font-size:14px; text-align:left; font-weight:bold; text-transform:uppercase; background:url(images/puce_pack.png) no-repeat; padding: 0 0 0 18px; background-position: center left; }
.contenu #col3 { float:left; margin:0 0 0 0; padding:0 0 0 0; }

.contenu h2 { font-size:21px; color:#DD2985; font-weight:normal; padding: 10px 20px 5px 10px; text-align:left; }
.contenu p { padding: 0 30px 0 10px; color:#494949; }
.contenu #col_access { clear:left; width:246px; background-color:#1A171B; text-align:left; padding: 25px 20px 15px 25px; margin:0 0 0 0; line-height:1.2em;}
.contenu #col_access h2 { font-size:21px; color:#fff; font-weight:normal; background:url(images/acces_clients.png) no-repeat; padding:0 0 0 30px; margin:0 0 0 0; z-index:1; }
.contenu #col_access p a { font-size:14px; font-style:italic; color:#FF3399; }

.contenu #col_tarifs { 
	width:244px; 
	background-color:#fff; 
	text-align:left; 
	padding: 25px 20px 15px 25px; 
	margin:0 0 0 0; 
	line-height:1.4em;
	border-left-width:1px; 
	border-left-color:#d1d1d1; 
	border-left-style:solid;
	border-bottom-width:1px; 
	border-bottom-color:#d1d1d1; 
	border-bottom-style:solid;	
	}
.contenu #col_tarifs h2 { font-size:21px; color:#DD2985; font-weight:normal; background:url(images/logo_pdf.png) no-repeat; padding:0 0 0 30px; margin:0 0 0 0; }
.contenu #col_tarifs p a { font-size:14px; font-style:italic; color:#494949; text-decoration:underline; }

.contenu #col_contact { 
	width:244px; 
	background-color:#fff; 
	text-align:left; 
	padding: 25px 20px 15px 25px; 
	margin:0 0 0 0; 
	line-height:1.4em;
	border-left-width:1px; 
	border-left-color:#d1d1d1; 
	border-left-style:solid;
	border-bottom-width:1px; 
	border-bottom-color:#d1d1d1; 
	border-bottom-style:solid; 
}

.contenu #col_contact h2 { font-size:21px; color:#DD2985; font-weight:normal; background:url(images/mail_contact.png) no-repeat; padding:0 0 0 30px; margin:0 0 0 0; }
.contenu #col_contact p { font-size:14px; color:#494949;  padding: 0 0 0 0;  }
.contenu #col_contact p a { font-size:14px; font-style:italic; color:#494949; text-decoration:underline; }



.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}