/* ----------------------------------------------------------------------------------------------------------- 
	PROJET :	 	Projet Laure Jacquez Dubois
	AUTEUR : 		Sebastien CHERIAUX - www.droledepixel.com
	SHORTCUTS : 	-o:outer, -i:inner, -c:center, -l:left, -t:top, -b:bottom, -r:right, col:colonne, bl:bloc, al:align
	SOMMAIRE :		RESET - STRUCTURE - PLUGINS - CONTENT 	
----------------------------------------------------------------------------------------------------------- */ 





/*  RESET
-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */
* { padding:0; margin:0; vertical-align:baseline; }
html { font-size:100%; }
body { font:12px Arial, Helvetica, sans-serif; color:#444; background:#444; } /* 12px */

a { text-decoration:none; cursor:pointer; outline:0 none; }
a:hover { text-decoration:underline; }
object { outline:0 none; }
ul, li { list-style:none; }
input { height:auto; }
textarea { overflow:auto; }
input, select, textarea, button { font:1em Arial, Helvetica, sans-serif; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { border:0; font-size:1em; }
table { border-collapse:collapse; }

/*	clearfix */
.cf:after, .menu:after, .bl-extend:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cf, .menu, .bl-extend { display:inline-block; }
* html .cf, * html .menu, * html .bl-extend { height:1%; }
.cf, .menu, .bl-extend { display:block; }

/*  CHARTE
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .menu a, #coordonnees span, #banniere p, .more, .chapo, form p label { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; }




/*  STRUCTURE
-----------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------- */
#main {  }

/*  HEADER
----------------------------------------------------------------------------- */
#header { background:#444 url(skin/bg-header.gif) repeat-x 0 100%; }
#header-i { width:970px; margin:0 auto; padding:25px 5px 0 5px; min-height:75px; height:auto !important; height:75px; position:relative; }

#header h1, #header .h1 { font-size:3em; color:#fff; }
#header h1 span, #header .h1 span { display:block; font-size:0.5em; }
#header a:hover { text-decoration:none; }

/*  MENU
----------------------------------------------------------------------------- */
.menu li { display:block; float:left; padding:0 0 0 28px; }
.menu a { display:block; float:left; color:#aaa; padding:0 0 14px 0; }
.menu a:hover, .menu a strong { color:#fff; font-weight:normal; }
.pdf span { width:16px; height:0; display:block; overflow:hidden; padding-top:16px; background:url(skin/pdf.png) no-repeat 0 1px; }

#header .menu { position:absolute; right:5px; bottom:-1px; }
#header .menu .current { background:url(skin/curseur.gif) no-repeat 50% 100%; }

#footer a { font-size:0.92em; padding:0; }
#footer .menu { position:absolute; right:5px; top:16px; }
#footer .menu .current { text-decoration:underline; }


/*  BANNIERE
----------------------------------------------------------------------------- */
#banniere { background:#fff url(skin/bg-banniere.gif) repeat-x 0 100%; padding:16px 0 26px 0; }
#banniere-i { width:900px; margin:0 auto; overflow:hidden; padding:0 50px 0 30px; }

#banniere .visu { float:left; width:392px; }
#banniere p { float:left; font-size:1.33em; padding:15px 0 0 30px; color:#666; line-height:3.2em; }
#banniere p span { display:block; }
#banniere .line-2 { padding:0 0 0 70px; }
#banniere .line-3 { padding:0 0 0 140px; }
#banniere a { color:#ba1e22; font-size:1.7em; }
#banniere a:hover { text-decoration:none; }

/*  FOOTER
----------------------------------------------------------------------------- */
#footer { background:url(skin/bg-footer.gif) repeat-x 0 0; zoom:1; }
#footer-i { width:970px; margin:0 auto; position:relative; padding:5px 5px 10px 5px; }

#coordonnees { width:500px; overflow:hidden; color:#cdcdcd; }
#coordonnees span { float:left; width:150px; display:block; font-size:6.25em; color:#797979; }
#coordonnees h6 { float:left; width:350px; padding:15px 0 5px 0; font-weight:bold; font-size:0.92em; }
#coordonnees p { float:left; width:350px; font-size:0.92em; }
#coordonnees p a { color:#cdcdcd; text-decoration:underline; }

/*  MIDDLE
----------------------------------------------------------------------------- */
#middle { background:#fff url(skin/bg-middle.gif) repeat-x 0 100%; }
#middle-i { width:980px; margin:0 auto; overflow:hidden; padding:20px 0 30px 0; }

/*  COL-R
----------------------------------------------------------------------------- */
#col-r { float:right; width:250px; padding:0 5px; }

#col-r p, #col-r ul { padding-bottom:5px !important; }

/*  COL-L * RTE
----------------------------------------------------------------------------- */
#col-l { float:left; width:685px; padding:0 5px; }

#col-l h1 { color:#ba1e22; font-size:2.5em; padding:0 0 12px 0; }
#col-l h2 { font-size:1.67em; padding:0 0 12px 0; }
#col-l h4 { color:#ba1e22; padding:0 0 12px 0; font-weight:bold; }

#middle p { padding:0 0 15px 0; }
#middle p a, #middle li a { font-weight:bold; color:#ba1e22; }
#middle ul { padding:0 0 10px 10px; }
#middle li { padding:0 0 2px 20px; background:url(skin/bullet.gif) no-repeat 3px 1px; }

#col-l .chapo { color:#ba1e22; font-size:1.6em; }
#col-l .chapo a { font-weight:normal; text-decoration:underline; }

iframe { margin:0 0 30px 0; }

form { width:750px; overflow:hidden; padding:0 0 20px 0; }
form fieldset { float:left; width:300px; }
form p label { display:block; padding:0 0 5px 0; }
form p input { width:250px; height:29px; border:1px solid #d9d9d9; padding:0 9px; line-height:29px !important; font-style:italic; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; color:#535353; }
form p textarea { width:250px; height:95px; border:1px solid #d9d9d9; padding:0 9px; line-height:18px !important; font-style:italic; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; color:#535353; }
form .send { float:left; padding:162px 0 0 0 !important; }
form .send input { width:auto; height:auto; padding:2px 8px; border:none; cursor:pointer; background:#ba1e22; color:#fff; width:70px; }
form .error { border-color:#ba1e22; color:#ba1e22; }
form label.error { display:none !important; }
.require { color:#afafaf; font:0.75em normal Arial, Helvetica, sans-serif; width:600px; display:block; }

/*  BLOCS EXTENSIBLES
----------------------------------------------------------------------------- */
.bl-extend, .push { border:1px solid #d8d8d8; margin:0 0 15px 0; -webkit-box-shadow:#d8d8d8 0px 0px 5px; -moz-box-shadow:#d8d8d8 0px 0px 5px; box-shadow:#d8d8d8 0px 0px 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#fff; display:block; zoom:1; }
.bl-extend-i, .push-i { padding:15px 15px 0 15px; display:none; }
.push-i { font-size:0.92em; padding-bottom:10px; }
.bl-extend h3, .push h5 { background:#666 url(skin/bg-h3-extend.png) no-repeat 50% 0; _background-image:none; line-height:33px; height:33px; font-size:1.08em; color:#fff; padding:0 0 0 13px; position:relative; cursor:pointer; }
.bl-extend h3 { width:670px; }
.push h5 { width:235px; text-transform:uppercase; }
.bl-extend h3 span, .push h5 span { position:absolute; right:15px; top:15px; width:9px; height:5px; background:url(skin/curseur-h3-extend.gif) no-repeat 0 100%; overflow:hidden; }
.bl-extend h3:hover, .push h5:hover { background:#ba1e22 url(skin/bg-h3-extend.png) no-repeat 50% 0; _background-image:none; }
.bl-extend .bl-extend-active, .push .push-active { background:#ba1e22 url(skin/bg-h3-extend.png) no-repeat 50% 0; _background-image:none; }
.bl-extend .bl-extend-active span, .push .push-active span { background:url(skin/curseur-h3-extend.gif) no-repeat 0 0; }

.more { color:#ba1e22; font-weight:bold; }