*
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	text-decoration: none;
}

html
{
	height:100%;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background:#e4e4e4 url(img/bg_body_deg.jpg) fixed repeat-x left top;
	height:100%;
}


li
{
	list-style:none;
}

strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

hr.both
{
	visibility:hidden;
	height:0;
	width:0;
	clear:both;
}

.hidden,
.invisible
{
	visibility:hidden;
}


/* ---------------------- */
/* --- BALISES TITRES --- */
/* ---------------------- */

h1 /* LOGO */
{
	position:absolute;
	top:10px;
	right:10px;
	width:292px;
	height:94px;
	background: url(img/logo_cs3p.gif) scroll no-repeat left top;
}

h2 /* Titre Page */ 
{
	font-size:1.2em;
	width:98%;
	font-weight:bold;
	margin-left:15px;
	color:#000;
	margin-top:30px;
	font-variant:small-caps;
	text-align:center;
}

h3
{

}

h4
{
	color:#555;
}

h1 span
{
	display:none;
}


/* ----------------- */
/* --- STRUCTURE --- */
/* ----------------- */

#conteneur
{
	position:relative;
	width:780px;
	background-color:#fff;
	margin:0 auto 0 auto;
	padding-bottom:50px;
	color:#090909;
	border-left:1px solid #000;
	border-right:1px solid #000;
	min-height:100%;
}

#contenant 
{
	padding-top:150px;
}

#contenant a
{
	color:#7a7a7a;
	text-decoration: underline;
}

#contenant a:hover
{
	color:#f5c711;
}


#menu
{
	position:absolute;
	top:30px;
	left:30px;
	width:150px;
}

#menu li
{
	height:24px;
	margin-bottom:15px;
}

#menu a
{
	display:block;
	height:24px;
	background: url(img/fond-menu.gif) scroll no-repeat left bottom;
	padding-left:29px;
	padding-bottom:6px;
	color:#000;
	font-size:1.1em;
	width:100%;
	height:100%;
	font-variant:small-caps;
}

#menu a:hover
{
	color:#555;
	/*background-image: url(img/fond-menu-on.gif)*/
}

/* ---------------------- */
/* --- Page d'accueil --- */
/* ---------------------- */

#texte_accueil
{
	margin:45px 0 50px 10px;
	text-align:justify;
	width:280px;
	font-size:.9em;
}

#diaporama
{
	position:absolute;
	top:250px;
	right:10px;
	border:3px solid #555;
	padding: 15px 5px 0 5px;
}

/* ------------------------- */
/* --- Page Photographes --- */
/* ------------------------- */

#liste_photographes
{
	margin:50px auto 50px auto;
	width:350px;
}

#liste_photographes li
{
	padding:5px;
	margin:10px;
	margin-bottom:30px;
	clear:both;
	border-bottom:1px solid #555;
	border-top:1px solid #555;
}

#liste_photographes li div
{
	float:left;
	width:200px;
}

#liste_photographes li div.desc_ss_photo
{
	margin-left:110px;
}

#liste_photographes img
{
	width:100px;
	display:block;
	float:left;
	margin-right:10px;
	border:1px solid #555;
}

#liste_photographes a,
address span
{
	display:block;
}

#liste_photographes a
{
	margin-top:10px;
}

address
{
	margin: 5px 0 5px 0 ;
}

#menu_dpt
{
	text-align:center;
	margin: 20px 0 20px 0 ;
}

/* ------------------------- */
/* --- Fiche Photographe --- */
/* ------------------------- */

#retour_fiches
{
	margin-bottom:10px;
}

#col_gauche
{
	width:300px;
	margin-left:10px;
	float:left;
	text-align:center;
}

#col_gauche h4,
#col_gauche h3,
#col_gauche address span
{
	margin-left:0;
	text-align:center;
}

#col_gauche img
{
	width:250px;
	border:1px solid #555;
}

#col_gauche p
{
	margin:20px 5px 50px 5px;
	text-align:justify;
}

#col_gauche #mail span
{
	display:none;
}

#col_gauche #mail a
{
	display:block;
	width:20px;
	height:20px;
	background:url(img/mail.png) no-repeat scroll;
	margin:10px auto 10px auto;
}

#col_droite
{
	width:450px;
	margin-right:10px;
	float:right;
	border-left:1px solid #555;
}

#col_droite h3
{
	text-align:left;
	font-size:1.2em;
	margin-left:15px;
	margin-bottom:10px;
}

#liste_galeries li
{
	
	margin:0 0 20px 10px ;
	line-height:50px;
	height:50px;
	padding:5px;
	border:1px solid #555 ;
}

#liste_galeries li img
{
	float:left;
	margin-right:10px;
	display:block;
	height:50px;
}

#liste_galeries li span
{
	margin-left:80px;
	display:block;
}

#galerie
{
	margin: 0 10px 50px 10px;
}

a#lien_diapo
{
	display:block;
	text-align:center;
	margin:20px;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
}

#galerie li
{
	width:122px;
	height:122px;
	text-align:center;
	float:left;
	margin-right:17px;
	margin-bottom:10px;
	line-height:122px;
}

#galerie #gd
{
	height:450px;
	width:450px;
	margin-left:-5px;
	text-align:center;
	line-height:450px;
	margin-bottom:10px;
}

#galerie #gd img
{
	vertical-align:middle;
}

#galerie #min
{
	height:100px;
	margin:auto;
	width:270px;
	margin-bottom:10px;
	text-align:center;
}

#galerie #min a.bc_min_img
{
	display:block;
	float:left;
	width:70px;
	height:70px;
	line-height:70px;
	margin-right:10px;
	margin-left:10px;
	text-align:center;
}

#galerie #min img
{
	vertical-align:middle;
}

#galerie p
{
	text-align:center;
	font-size:.9em;
	font-style:italic;
}

#diaporama_ind
{
	margin-left:-5px;
}

/* Formu CONTACT */

.notes
{
	margin-left:10px;
	font-style:italic;
	font-size:.9em;
}

#erreur_form
{
	margin:10px;
	padding:5px;
	font-weight:bold;
}

fieldset
{
	margin:0 10px 50px 10px;
}

input,select,textarea
{
	border:1px solid #555;
}

input,select,textarea,label
{
	display:block;
}

textarea
{
	font-size:1em;
}

label,
input.submit
{
	margin-top:20px;
}

label img,
#erreur_form img
{
	vertical-align:middle;
}

/* ------------- */
/* --- LIENS --- */
/* ------------- */

dd
{
	margin:0 5px 10px 5px ;
}

dt
{
	margin-top:10px;
}
#conteneur #contenant #texte_accueil p {
	margin-top: 10px;
	font-size: 11px;
}