/* _RESET
	removes bg, border, margin, outline & padding from all common elements
	sets font-size to 100% and vertical-align to baseline
----------------------------------------------------------------------------- */

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, label, input, textarea, option, .nobox {
	background-color: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
blockquote, q {
	quotes: none;
}		/* removes browser generated quotes */
br {
	height: 0;
}					/* removes height from break tag */
a img {
	border: 0;
}					/* removes border from linked images */
img {
	display: block;
}				/* fixes 3px gap below non-floated in content images */
img.inline {
	display: inline;
}		/* gives inline display back to specific images */
/* removes legend */

/* _TYPO
	sets default typography settings for common elements
----------------------------------------------------------------------------- */

body {
	background:#2F3F4C;}

a:link, a:visited {
	color: #3D669C;
}
a:hover, a:active { color: #F00; }
body {
	color: #476A72;
	font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica sans-serif;
	
}
code, samp, kbd, var {
	font-family: "Courier New", "Courier", Monospace;
}
h1, h3, h4, h5, h6, b, strong {
	font-weight: bold;
}
i, em, cite, dfn, ins {
	font-style: italic;
}
del, code, samp, kbd, var {
	font-style: inherit;
}
a {
	text-decoration: none;font-weight:bold;
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: none;
}
abbr, acronym {
	border: 0;
	cursor: help;
	text-decoration: none;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 15px;text-transform:uppercase;
}
h3 {
	font-size: 14px;
	padding:5px 15px 0px 20px;
}
h4 {
	font-size: 21px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul, dl {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
li, dt, dd, p, pre, address, legend, label, input, textarea, select, option, optgroup, th, td {
	font: inherit;
}
p {
	padding: 5px 0px;

}
/* _LAYOUT
	sets default layout settings for common elements
----------------------------------------------------------------------------- */
#wrap_upper {
	width:100%;
	background: url('../img/bck-hd.jpg') no-repeat top center;
	height:283px;
}
#header {
	position:relative;
	width:960px;
	margin:0px auto;
}
#header #menu {
	position:absolute;
	right:180px;
	top:5px;
}
#wrap_down {
	width:100%;
	background: url('../img/bck-ft.jpg') no-repeat top center;
	height:441px;
}
.boxes {
	margin:0px auto;
	width:760px;
}
/* _HEADER ( logo + navigation)
	sets default layout settings for common elements
----------------------------------------------------------------------------- */


#logo {
	margin: 0px 0 0 0;
	height: 110px;
	text-indent: -13000em;
	width: 300px;
}
#logo a:link,  #logo a:visited {
	display: block;
	height: 110px;
}
/* _BOXES
	sets default boxes
----------------------------------------------------------------------------- */

.box {
	float: left;
	width: 236px;
	height:371px;
}
.box h2 {
	margin:50px 0px 0px 20px;
}
.box .txt p {
	
	padding:15px 20px 0px 20px;
}
.box1 {
	background:url('../img/box1.gif') no-repeat 0 0;
	margin-right:15px;
}
.box2 {
	background:url('../img/box2.gif') no-repeat 0 0;
	margin-right:15px;
}
.box3 {
	background:url('../img/box3.gif') no-repeat 0 0;
	margin-right:15px;
}
.box4 {
	background:url('../img/box4.png') no-repeat 0 0;
	width:783px;
	height:363px;
}
.box5 .hd {
	background:url('../img/box4-hd.png') no-repeat 0 0;
	width:786px;
	height:86px;
}
.box5 .hd h2 {
	padding:50px 0px 0px 20px;
}
.box5 .md {
	background:url('../img/box4-md.png') repeat-y;
	width:786px;
}

.box5 .md .txt{
	
padding:10px 30px 10px 30px;
	
}

.box5 .ft {
	background:url('../img/box4-ft.png') no-repeat 0 0;
	width:786px;
	height:30px;
}


/* _ACTUALITE

----------------------------------------------------------------------------- */
.actualite {}
.actualite span.date {background:#A6B7C4;color:white;font:Arial, Helvetica, sans-serif;padding:1px;}
.actualite a:link {font: 12px Arial, Helvetica, sans-serif;}
.actualite .linktext a:link{text-transform:none;font-weight:bold;}
.actualite .bariera {width:700px;height:2px; background:transparent url('../img/bar.png') repeat-x;clear:both;margin:5px auto;clear:both;}
.actualite .para p {
text-align:justify;
}

/* _RECOMMANDATION
	sets default layout settings for common elements
----------------------------------------------------------------------------- */
#recommandations {
	color:#666666;
	font: 12px Georgia, "Times New Roman", Times, serif;
  text-align:justify;
}
#recommandations blockquote img{width:45px;height:35px;float:left;margin-left:50px; 
}

#recommandations blockquote.div {}


#recommandations div.recom {

  padding:0px 10px 0px 60px;
  margin-left:40px;
  width:600px;
  
}

#recommandations div.recom p {padding:0px 10px;}
#recommandations .refName {
	color:#2F3F4C;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	margin:10px;float:left;
	
}
#recommandations .chrisFages {
  text-align:center;
}
#recommandations p:first-letter {
	font-size:18pt;
	font-style: italic;
}

#recommandations div.recom p b{
	letter-spacing:0px;

}
#recommandations .bariera {width:580px;height:2px; background:transparent url('../img/bar.png') repeat-x;clear:both;margin:20px auto;clear:both;}
/* _LIENS, 

  sets default boxes

----------------------------------------------------------------------------- */
.liens li {
	list-style-type:square;
	margin-left:30px;
}
/* _CONTACT, 

  sets default boxes

----------------------------------------------------------------------------- */
input[type="text"], input[type="password"] {
	background-color:#EFECD1;
	padding:4px;
	border: solid thin #999999;
}
.special input[type="text"]:focus, input:focus, select:focus, textarea:focus {
	background-color: #F0F8FF;
}
label {
	color:#666666
}
textarea {
	font: 1em Arial, Helvetica, sans-serif;
	background-color:white;
	width:500px;
	border:1px grey solid;
}
.special fieldset, input[type="text"], input[type="password"], textarea {
	border:1px solid #DFDED1;
	padding:10px;
}
.special input[type="text"] {
	background:white;
	color:black;
}
.button {
	background:#EFECD1;
	border:1px solid grey;
	cursor:pointer;
	padding:5px 10px;
	width:200px;
}
.msgReport {
	padding-left:10px;
	padding-top:10px;
	font-weight:bold;
	font-size:120%;
}
.error, .msgNok {
	color:red;
}
.msgOk {
	color:green;
}

/**/
/* _FOOTER

----------------------------------------------------------------------------- */
.footer {
	margin:0px auto;
	width:100%;
	height:70px;
}
.footer p {
	color:#CCC;
	font-size:0.8em;
	text-align:center;
}
.footer img {
	display:inline;
}