/* ========================================================

	INFORMATIONS :
		Nom					: cmnf.css
		Version				: 1.0 (25/02/2009) 
		Site				: http://www.cmnf.fr 
		Auteur				: Cerrato Claudia

	STRUCTURE : 
		Orientation		   	: Vertical - 2 colonnes
		Largeur de la page 	: 960px - centré
		
	ORDRE DES ATTRIBUTS :
		width | height | margin | padding |
		font | background | border |
		display | position
	
	INDEX :
		_Reset				: Remise à 0 de balises
		_Base				: Mise en page générale
		_Header				: En-tête
			*accueil
			*menu
			*sous menu
		_Content			: Menu, contenu des pages
			*page
			*zoom sur ...
			*agenda
			*contacts
		_Footer				: Copyright et mentions
		_Textes				: Titres, liens, ...
	
======================================================== */

/*		_Reset			*/
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,td
{ 
	margin				: 0;
	padding				: 0;
}

table
{
	border-collapse		: collapse;
	border-spacing		: 0;
}

img
{ 
	border				: 0;
}

ul
{
	list-style			: none;
}

a
{
	font-family      	: arial, sans-serif;
	color				: #ffffff;
	text-decoration		: none;
	outline				: none;
	cursor				: pointer;
}

h1,h2,h3,h4,h5,h6
{
	font-size			: 100%;
	font-weight			: normal;
}

q:before,q:after
{
	content				: '';
}

/*		_Base			*/
html
{
	width 				: 100%;
	font-size			: 100%;
}

body
{
	width 				: 100%;
	margin				: 0px;
	padding				: 0px;
	font-family			: arial, sans-serif;
	font-size			: 0.85em;
	color				: #231d19;
	text-align			: center;
	background			: #3b3128;
}

#container
{
	width 				: 960px;
	margin				: 0 auto;
	text-align			: justify;
}

/*		_Header		*/
		/*	*accueil  */
#accueil 
{
	width 				: 475px;
	height				: 200px;
	background 			: url('../images/graphisme/murins1.jpg') no-repeat;
	float 				: left;
}

		/*	*menu  */
#imageMenu 
{
	height				: 200px;
	overflow			: hidden;
}

#imageMenu ul 
{
	width				: 600px;
	height				: 200px;
	list-style   		: none;
	
}

#imageMenu ul li 
{
	float				: left;
}

#imageMenu ul li a 
{
	width				: 95px;
	height				: 200px;
	text-indent			: -1000px;
	border-right		: 2px solid #3B3128;
	display				: block;
	overflow			: hidden;
}

#imageMenu ul li.accueil a 
{
	background			: url('../images/graphisme/murins2.jpg');
}

#imageMenu ul li.ecureuils a 
{
	background			: url('../images/graphisme/ecureuil.jpg');
}

#imageMenu ul li.muscardins a 
{
	background			: url('../images/graphisme/muscardins.jpg');
}

#imageMenu ul li.bats a 
{
	background			: url('../images/graphisme/chauve-souris.jpg');
}

#imageMenu ul li.mammarins a 
{
	background			: url('../images/graphisme/mammarins.jpg');
}

.clear 
{
	clear				: both;
}

		/*	*sous menu  */
#menu
{
	width 				: 960px;
	height 				: 30px;
	line-height			: 30px;
	border-top 			: 2px solid #ffffff;
	border-bottom		: 2px solid #ffffff;
}

#menu a
{	
	font-family      	: verdana, arial, sans-serif;
	font-size        	: 1.1em;
	color				: #ffffff;
	display				: block;
}

#menu ul li
{
	height				: 30px;
	padding				: 0px 40px;
	float				: left;
}

/*		_Content		*/
	/*		*page		*/
#content
{
	width				: 960px;
	min-height 			: 700px;
	line-height			: 1.3em;
	padding-bottom		: 20px;
	background			: #736243; 
	border-bottom		: 2px solid #ffffff;
}

#page_text
{
	width				: 860px;
	padding				: 22px 50px;
}

	/*		*zoom sur ...		*/
#sidebar
{
	width				: 240px;
	margin				: -17px 50px 40px -45px;
	border    			: 3px dotted #f27a2a;
	float				: left;
}

#zoom1
{
	margin				: 0px 10px 15px 10px;
	font-style			: italic;
}

#zoom1 h3
{
	height				: 20px;
	margin				: -40px 10px 10px 10px;
	text-indent			: -3000px;
}
	/*		*agenda		*/
.date
{
	width				: 65px;
	height				: 65px;
	margin-right		: 10px;
	padding-top			: 3px;
	font-family			: verdana, arial, sans-serif;
	color				: #ffffff;
	text-align			: center;
	border-right		: 1px solid #ffffff;
	float				: left;
}

.date span
{
	display				: block;
}

.date span.numero
{
	font-size			: 2.2em;
}

.date span.mois
{
	font-size			: 1.6em;
	line-height			: 1.2em;
}

.animation
{
	min-height			: 65px;
	margin-bottom		: 5px;
	color				: #231d19;
}

.rdv
{
	font-size			: 0.9em;
}

.rdv em
{
	font-style			: normal;
	text-decoration		: underline;
}

	/*		*contacts		*/
.table-contact
{
	width				: 550px;
	margin				: auto;
	padding				: 5px;
	border				: 2px solid #32201c;
}

.table-contact input, .table-contact select, .table-contact textarea
{
	margin-bottom		: 3px;
	margin-left			: 5px;
}

.table-erreur
{
	width				: 550px;
	margin				: 0px;
	padding				: 10px;
	color				: #ffffff;
	border-collapse		: collapse;
}

.table-erreur td.tl
{
	width				: 16px;
	height				: 16px;
	background			: url('../images/formcheck/tl.png') no-repeat;
}

.table-erreur td.t
{
	width				: 518px;
	height				: 16px;
	background			: url('../images/formcheck/t.png') repeat-x;
}

.table-erreur td.tr
{
	width				: 16px;
	height				: 16px;
	background			: url('../images/formcheck/tr.png') no-repeat;
}

.table-erreur td.l
{
	width				: 16px;
	height				: 100%;
	background			: url('../images/formcheck/l.png') repeat-y;
}

.table-erreur td.c
{
	width				: 518px;
	height				: 100%;
	background			: url('../images/formcheck/c.png') repeat;
}

.table-erreur td.r
{
	width				: 16px;
	height				: 100%;
	background			: url('../images/formcheck/r.png') repeat-y;
}

.table-erreur td.bl
{
	width				: 16px;
	height				: 25px;
	background			: url('../images/formcheck/bl.png') no-repeat;
}

.table-erreur td.b
{
	width				: 518px;
	height				: 25px;
	background			: url('../images/formcheck/b.png') no-repeat;
}

.table-erreur td.br
{
	width				: 16px;
	height				: 25px;
	background			: url('../images/formcheck/br.png') no-repeat;
}

.table-erreur ul
{
	margin				: 0px 10px 10px 100px;
}

.table-erreur  a
{
	color				: #b1bab5;
}

.table-erreur  h3
{
	font-size			: 1.2em;
	font-weight			: bold;
	font-style			: italic;
	font-variant		: small-caps;
}

.table-erreur  h3.ok
{
	color				: #7e9e3b;
}

.table-erreur  h3.error
{
	color				: #f8d107;
}

.retour
{
	font-size			: 0.85em;
	text-align			: right;
}

.retour a
{
	color				: #736243;
}

/*		_Footer		*/
#footer
{
	width 				: 960px;
	font-size			: 0.85em;
	color				: #736243;
	float				: left;
}

#footer a
{
	font-family      	: verdana, arial, sans-serif;	
}

#footer li
{
	display				: block;
	margin				: 7px 10px 0 10px;
	padding				: 0px 10px;
}

.opacity
{
	background			: #000000;
	moz-opacity			: 0.5;
    opacity				: 0.5; 
	filter				: alpha(opacity=50);
}

#box1, #box2
{
	width				: 470px;
	height				: 130px;
	margin				: 10px 0px;
	padding				: 15px 0px 0px 0px;
	border				: 1px solid #ffffff;
	float				: left;
}

#box2
{
	margin-left			: 15px;
}

.text_box
{
	margin				: 10px 0px;
	padding				: 30px 10px 0px 10px;
}


#box1 h3, #box2 h3
{
	height				: 23px;
	margin				: 0px 10px;
	text-indent			: -3000px;
	border-bottom		: 1px dotted #ffffff;
}

#box1 div, #box2 div
{
	margin-top			: -25px;
}

#box1 div img, #box2 div img
{
	margin 				: 0px 0px 0px 15px;
}

#credits
{
	width				: 960px;
	height				: 15px;
	padding				: 0 0 10px 0;
	font-size			: 0.85em;
	text-align			: right;
	float				: right;
	color				: #736243;
}

/*		_Texte		*/
h1
{
	margin-bottom		: 40px;
	font-family			: verdana, arial, sans-serif;
	font-size			: 1.5em;
	font-weight			: bold;
	color				: #ffffff;
	text-align			: right;
}

h2
{
	text-indent			: -9000px;
}

h3
{
	padding-bottom		: 5px;
	font-family			: verdana, arial, sans-serif;
	font-size			: 1.2em;
	font-weight			: bold;
	color				: #32201c;
	text-indent			: 10px;
}

h4
{
	margin				: 0px 25px 0px 275px;
	font-family			: verdana, arial, sans-serif;
	font-size			: 1.1em;
	color				: #32201c;
}

h5
{
	font-family			: verdana, arial, sans-serif;
	font-size			: 1.1em;
	font-style			: italic;
	color				: #32201c;
}

.liste
{
	padding				: 10px 0px 0px 300px;
	list-style-position	: outside;
	list-style-type		: disc;
}

.liste2
{
	padding				: 10px 0px 0px 50px;
	list-style-position	: outside;
	list-style-type		: disc;
}

.logo
{
	width				: 150px;
	text-align			: center;
	border				: 1px solid #231d19;
}

.descriptif
{
	width				: 390px;
	height              : 60px;
	padding-left		: 10px;
	text-align			: left;
	border				: 1px solid #231d19;
}

#asso ul
{
	margin-left			: 25px;
}

#asso ul li
{
	padding-bottom		: 5px;
}

.partenaires
{
	width				: 200px;
	padding				: 5px 0 5px 0;
	float				: right;
	text-align			: center;	
	border				: 1px solid #3b3128;
}

.back_button
{
	text-align				: right;
	width					: 860px;
}

#conseil
{
	margin-left				: 250px;
}

#plan
{
	margin-left			: 300px;
}

.plan
{
	margin-left			: 30px;
}

.image
{
	margin-right		: 15px;
	border				: 1px solid #32201c;
}