/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* TAGS DE BASE/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
*{margin:auto; }


body{
	width:100%;
	height: auto;
	font: 100%  'Verdana',Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #79745e;
	background-color: #0c0c0c;
	line-height:1.3em;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top:20px;
}

/* img */
body img, :link img, :visited img {
	border: none;
}
a:active, a:focus {
	outline:none;
}


/* Liens */
a,a:link,a:visited, a:active{ font-weight: bold; text-decoration: underline; color: #79745e;}
a:hover{color:#b30e0e;text-decoration: underline;}



/* En-têtes */
h1,h2,h3{ margin: 0 0 .2em 0; text-transform: none; 	font:'Verdana', Arial, Helvetica, sans-serif; font-style: normal;}

h1{
	font-weight:bold;
	color: #480007;
	text-align: left;
	font-size:14px;
	font-variant: normal;
	line-height: 15px;
	margin-left: 25px;
	margin-top: 4px;
	font-variant:small-caps;
}
h2{
	font-weight:bold;
	color: #2c2a22;
	text-align: left;
	font-size:11px;
	font-variant: small-caps;
	line-height: 1;

}
h3{
	font-weight:bold;
	color: #b30e0e;
	text-align: left;
	font-size:10px;
	font-variant: normal;
	line-height: 1;
}


/* Textes et Autres*/
p{
	text-align:left;
	word-spacing:normal;
	line-height:1.2em;
	color: #79745e;
	font-size:11px;
}
br{line-height: 1.2em;}
hr{
	color: #999999;
	border: dashed 1px;
	clear:both;
}


.textLeft{
	text-align:left;
	color:#79745e;
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	line-height: normal;
	word-spacing: normal;
	letter-spacing: 0.1 em;
	font-size: 1.05em;
}
.textItal{
	font-style:italic;
	text-align:left;
	color:#79745e;
	font-size:10px;
	font-family:'Verdana', Arial, Helvetica, sans-serif;
}
.textRight{text-align:right;}
.justify{
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #79745e;
}

.Ital, .Ital a{
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration:underline;
	font-style:italic;
	color: #BB0D0E;
}
.Ital a:hover{color: #0e7a9e;}




#titre{
	width:828px;
	height: 26px;
	float:left;
	margin-right: 0px;
	margin-top: 0px;
	white-space: normal;
	margin-bottom: 0px;
	background-image:url(../images/fond-titre.png);
	background-position: top;
	background-repeat:no-repeat;
	margin-left: 0px;
	padding: 5;
}




/* Listes */
ul{
	margin: 0;
	padding: 0;
	padding:3px 0px 0px 10px;
}
li{ padding-left:4px;}
ul ul{padding: .2em 0 0 1.6em;}
ul li, ul li a{
	padding-left:2px;
	line-height: 1.3em;
	list-style: none;
	margin:1px 0;
	font:'Verdana',Arial, Helvetica, sans-serif; font-size:10px; color:#79745e; font-style: normal;
}
ul li{
	list-style-type: none;
}
ul li a{color:#79745e;}
ul li a:hover{color:#79745e;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

table{border-collapse: collapse;}





/***************************************************************************************************/
                                                 /*FORMULAIRES*/	
/***************************************************************************************************/


form{background: none; border:none;}
input, textarea, select, option, label, fieldset, legend{
	color: #79745e;
}
option{border:none;}




.formbox {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #79745e;
	border: 1px;
	border-color: #000000;
	border-style:solid;
	background-color: #FFFFFF;
	width: 160px;
	background-image:url(../images/fondTEXT_form.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.formlist {
	font-family: 'Verdana', Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #79745e;
	border: 1px;
	border-color: #000000;
	border-style:solid;
}





/* HEADER ========================================================================================================*/
#header{ width:100%; height:35px; background-image:url('../images/backHeader.png'); background-repeat: repeat-x; background-position:top; margin-top:0px;}

#menu_header{ text-align: right; color: #419bb9; margin-right: 200px; margin-top:0px;}
#menu_header ul{ color: #419bb9;}
#menu_header li{ color: #419bb9; display:inline; margin:0 0px; padding:0; list-style:none; margin-top: 0px; }
#menu_header li a{
	color: #419bb9;
	font-weight:normal;
	font-size:9px; 
	text-decoration:none;
}
#menu_header li a:hover{text-decoration:underline;color: #f8981d;}
#contentFlash{width:806px; height:159px; margin:0 auto 0 auto;}
/* MENU ========================================================================================================*/

#menu_content{
	width:828px;
	height:auto;
	float:left;
	padding-left: 0px;
	margin-top: 0px;
	background-image:url(../images/top.png);
	background-repeat:no-repeat;
	background-position:top;
}


/* CONTENT ========================================================================================================*/
#content{
	width:100%;
	min-height: 828px;
	height:auto;
	margin-top: 2px;

}
#fondpage{
	width:828px;
	height:auto; /* real browsers */
	margin-top: 0px;
}

#background_page{
	width:754px;
	height:auto;
	float:left;
	margin-right: 0px;
	margin-top: 0px;
	white-space: normal;
	margin-bottom: 0px;

}
#page_content{
	width:100%;
	height:auto;
	float:left;
	margin-right: 0px;
	margin-top: 0px;
	white-space: normal;
	margin-bottom: 0px;

}

#bandeau{
	width:828px;
	height: 158px;
	float:left;
	margin-right: 0px;
	margin-top: 0px;
	white-space: normal;
	margin-bottom: 0px;
	background-image:url(../images/bandeau.png);
	background-position: top;
	background-repeat:no-repeat;
	margin-left: 0px;
	padding-top: 0px;
}

#red_content{
	width:758px;
	height: 81px;
	float:left;
	margin-right: 0px;
	margin-top: 0px;
	white-space: normal;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 25px;
	background-image:url(../images/fond_texte.jpg);
	background-repeat:repeat-x;
	background-position:top;
	text-align: left;
	color: #000000;
	text-align:justify;
	font-size:10px;
}
#red_content p{color: #000000;}
#red_content a{color: #000000; text-decoration:underline;}
#red_content a:hover{color: #FFFFFF; text-decoration:underline;}

#middle_content{
	width:758px;
	height: auto;
	float:left;
	margin-right: 0px;
	margin-top: 0px;
	white-space: normal;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	background-color: #141414;
}

.bloc{
	background-image:url(../images/fond_prestation.gif);
	background-position:bottom;
	background-repeat:repeat-y;
	width:176px;
	height:auto;
	margin: 8;
	border:#000000 1px solid;
	float: left;
	margin-right: 4px;
	margin-bottom: 30px;
	margin-left: 4px;
}

.presta_fond{
	background-image: url(../images/fond_titre_bloc.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:179px;
	height:24px;
	padding-top: 4px;
}

.prestations, .prestations a{
	font:"Verdana", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #2c2a22;
	text-align: left;
	font-size:11px;
	font-variant: small-caps;
	padding-top: 0px;
	text-decoration: none;
	padding-left: 6px;

}
.prestations a:hover{color: #b30e0e;}


.textPresta{
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #79745e;
	text-align: left;
	font-size:11px;
	font-variant: normal;
	padding-top: 6px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 8px;

}


.savoirPlus, .savoirPlus a{
	font:'Verdana', Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #b30e0e;
	text-align: right;
	font-size:10px;
	font-variant: normal;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	text-decoration: underline;
}


/********** Présentation galeries **********/
.galerie_left { border:1px solid #AFAFAF; float:left; margin-bottom:20px; width:753px; background: url(../images/back_galerie_left.jpg) left top repeat-y; }
.galerie_right { border:1px solid #AFAFAF; float:left; margin-bottom:20px; width:753px; background: url(../images/back_galerie_right.jpg) left top repeat-y; }
.galerie_black { border:1px solid #AFAFAF; float:left; margin-bottom:20px; width:753px; }

.desc { float:left; width:500px; padding:15px 0 10px 10px }
.desc a h1 { margin:0; padding:0; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; text-decoration:none; }
.desc a:hover h1{ text-decoration:underline; }
.desc p { margin:0; padding:0; color:#AFAFAF; }

#entreprise { float:left; width:200px; height:133px; padding:15px 10px 15px 30px; text-align:right; }
#evenementiel { float:left; width:200px; height:133px; padding:15px 10px 15px 15px; text-align:left; }
#social { float:left; width:200px; height:133px; padding:15px 10px 15px 30px; text-align:right; }
#sport { float:left; width:200px; height:133px; padding:15px 10px 15px 15px; text-align:left; }
#graffiti { float:left; width:200px; height:52px; padding:20px 10px 15px 30px; text-align:right; }


/********** Galeries **********/
.galerie { margin-bottom:20px; }
#back { width:758px; text-align:center; padding-bottom:10px; }
#back p { text-align:center; }
#back p a { color:#AFAFAF; text-decoration:none; }
#back p a:hover { color:#AFAFAF; text-decoration:underline; }

/********** Galerie Entreprise & Corporate **********/
#galerie_entreprise h1{ margin-left:28px; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; }
#galerie_entreprise p { margin:0 28px 0 28px; color:#AFAFAF; }
#galerie_entreprise { border:1px solid #AFAFAF; float:left; padding:10px 0 10px 0; margin-bottom:20px; width:758px; background: url(../images/back_galerie_left.jpg) left top; }
#galerie_entreprise .portrait { margin:0 42px 0 72px; }

/********** Galerie Evénementiel **********/
#galerie_evenementiel h1{ margin-left:28px; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; }
#galerie_evenementiel p { margin:0 28px 0 28px; color:#AFAFAF; }
#galerie_evenementiel { border:1px solid #AFAFAF; float:left; padding:10px 0 10px 0; margin-bottom:20px; width:758px; }
#galerie_evenementiel .portrait { margin:0 42px 0 72px; }

/********** Galerie Social **********/
#galerie_social h1{ margin-left:28px; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; }
#galerie_social p {margin:0 28px 0 28px; color:#AFAFAF; }
#galerie_social  { border:1px solid #AFAFAF; float:left; padding:10px 0 10px 0; margin-bottom:20px; width:758px; background: url(../images/back_galerie_right.jpg) left top; }
#galerie_social .portrait { margin:0 42px 0 72px; }

/********** Galerie Sport **********/
#galerie_sport h1{ margin-left:28px; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; }
#galerie_sport p { margin:0 28px 0 28px; color:#AFAFAF; }
#galerie_sport  { border:1px solid #AFAFAF; float:left; padding:10px 0 10px 0; margin-bottom:20px; width:758px; }
#galerie_sport .portrait { margin:0 42px 0 72px; }

/********** Galerie Graffiti **********/
#galerie_graffiti h1{ margin-left:28px; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; }
#galerie_graffiti p { margin:0 28px 0 28px; color:#AFAFAF; }
#galerie_graffiti  { border:1px solid #AFAFAF; float:left; padding:10px 0 10px 0; margin-bottom:20px; width:758px; background: url(../images/back_galerie_left.jpg) left top; }
#galerie_graffiti .portrait { margin:0 42px 0 72px; }
#galerie_graffiti .pano { margin-bottom:31px; }



/********** 3D Wall **********/
#wallcontent { width: 806px; }
#wall { width: 806px; margin: 0 auto 0 auto; }

/********** Contact **********/
#contact { width:600px; margin-bottom:20px; border:1px solid #AFAFAF; background: #920C0B url(../images/back_contact.jpg) left top no-repeat; }
#contact #contact_form { padding:10px 10px 10px 50px; }
#contact #contact_form  p{ color:#AFAFAF; }
#contact #contact_form input{ width:200px; border:none;}
#contact #contact_form textarea{ border:none;}
#contact #contact_form p span{ margin-left:100px; }
#contact #contact_form label{ width:100px; display:block; float:left; color:#AFAFAF; }
#contact #contact_form input[type=submit]{ margin-left:150px; width:80px; cursor:pointer; }
#contact #contact_form #echo { height: 10px; }
#contact #contact_form #echo p { color:#AFAFAF; font-weight:bold; }

/********** Admin 3D Wall **********/
#admin {  }
#admin #insert { margin:40px 0 40px 220px; text-align: center; }
#admin input { width:200px; }
#admin label { width:100px; display:block; float:left; color:#AFAFAF; }
#admin input[type=submit] { margin-left:150px; width:80px; cursor:pointer; }

/********** Mentions légales **********/
#mentions { width:600px; margin-bottom:20px; border:1px solid #AFAFAF; background: #920C0B url(../images/back_contact.jpg) left top no-repeat; }
#mentions h1 { margin-left:28px; font-size:20px; font-weight:normal; color:#AFAFAF; text-align:left; }
#mentions p { margin:0 28px 0 28px; color:#AFAFAF; }


th { border-bottom:1px solid #AFAFAF; }
#admin h1 { font-size:20px; font-weight:normal; color:#AFAFAF; text-align:center; }
.tableHead { border-right:1px solid #AFAFAF; }
.ok { color:green; }
.error { color:red; }


/* clear et floats */
.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.block {display:block;clear:both;}

.imagesBorder {border-bottom:#000000 1px solid;border-top:#000000 1px solid;}

/* FOOTER ========================================================================================================*/

#footer{ width:828px; height:35px; margin-bottom:0px; margin-top:0px; background-image:url(../images/bottom.png); background-repeat:no-repeat; background-position:top;text-align: center; color: #000000;}

#menu_footer{ text-align: center; color: #000000;padding-top:0px; }
#menu_footer ul{ color: #000000; padding-top:4px; padding-bottom:0px; margin-bottom:0px;}
#menu_footer li{ color: #000000; display:inline; margin:0 3px; padding:0; background:none; list-style:none; margin-top: 5px; }
#menu_footer li a{
	color: #000000;
	font-weight:normal;
	font-size:9px; 
	text-decoration:none;
	letter-spacing:0px;
}
#menu_footer li a:hover{text-decoration:underline;color: #FFFFFF;}

#foot{ text-align: center; color: #000000;padding-top: 0px; }