
/**
* CSS
* 
* @version 3.0
* @author www.nikitaconcept.com
* @author Didier Chartrain copycut.design@gmail.com
*/

/*html {height: 100%;}*/

body {
	/*height: 100%;*/
background: #F0F0F0 url(../images/body_bg.jpg) repeat-x;
	font-size: 12px;/*=1.00em*/
	margin-bottom: 1.00em;
}

/* BASIC ELEMENTS */

h1 {
	padding-top: 1em;
	font: bold 1.85em/1.30em helvetica, arial, sans-serif;
	color: #004489;
}

h2 {
	padding-top: 0.50em;
	font: bold 1.50em/1.30em helvetica, arial, sans-serif;
	color: #004489;
	border-bottom: 1px solid #004489;
}

h2.simple {
	padding-top: 0.50em;
	font: normal 1.50em/1.30em helvetica, arial, sans-serif;
	color: #004489;
	border: none;
}

h3 {
	padding-top: 1em;
	font: bold 1.25em/1.30em helvetica, arial, sans-serif;
	color: #004489;
	border-bottom:1px solid #EEE;
}

h4 {
	padding-top: 1em;
	font: bold 1.85em/1.30em helvetica, arial, sans-serif;
	color: #004489;
}

h5 {
	padding-top: 1em;
	font: bold 1.85em/1.30em helvetica, arial, sans-serif;
	color: #004489;
}

/* Utilisé pour titre actus, news, liens rapides et partenaires */
h6 {
	font: normal 1.20em/1.30em helvetica, arial, sans-serif;
	color: #76B115;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #contenu li a { color: #004489; }

p {
	padding: 0.50em 0 0.25em 0;
	font: normal 1.00em/1.30em helvetica, arial, sans-serif;
	color: #444;
}

p a {
	color: #004489;
	text-decoration: underline;
}

p a:hover { border-bottom: 1px solid #999; }

#contenu ul {
	padding: 1.25em 0.50em;
	margin: 0.25em 0;
}

#contenu li {
	font: normal 1.00em/1.60em helvetica, arial, sans-serif;
	color: #444;
	list-style: inside url(../images/puce_liste_blue.png);
}

p strong { font-weight: bold; }

p em { font-style: italic; }

/*IFRAME GOOGLE MAP*/
iframe {
	border: 1px solid #DDD;
	background: #FFF;
	padding: 1px;
	margin: 1em 0;
}

/*FORMULAIRE CONTACT*/
form.contact {
	background: #EEE;
	border: 1px solid #DDD;
	margin: 0.50em 0 0 0;
	padding: 0;
}

form.contact ul {
	padding: 1em !important;
	margin: 0;
	overflow: hidden;
}

label.description {
/margin-left: 0.25em; text-indent: 0; }

form.contact li.boutons {
	display: inline;
	list-style: none;
	padding-left: 0em;
/padding-left: 0.50em;
}

form.contact li.boutons input {
	position: relative;
	top: -1px;
/top: -2px;
	background: #FFF url(../images/hr_bg.gif) repeat-x;
	margin: -0.50em 0.25em 0 0;
/margin: -1px 0.25em 0 0;
	padding: 0.50em;
	font: bold 1em helvetica, arial, sans-serif;
	color: #004489;
	border-top: none;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	cursor: pointer;
}

form.contact li.boutons input:hover {
	background: #FFF;
	text-decoration: underline;
}

form.contact li textarea {
	width: 96%;
	height: 10em;
	border: 1px solid #DDD;
	padding: 1em;
	font: italic 1em/1.50em Georgia, Times, serif;
	color: #004489;
/margin-left: 0.50em;
}

form.contact li.champs input:hover {
	background: #F0F7FF;
	border-color: #D0D0D0;
}

form.contact li.champs input {
	width: 50%;
	border: 1px solid #DDD;
	padding: 0.50em;
	margin: 0 0 1em 0;
/margin-left: 0.50em;
}

/*OMBRE*/

span.shadow {
	clear: both;
	display: block;
	height: 6px;
	background: url(../images/hr_bg.gif) repeat-x;
	border: none;
	margin-top: 1px;
}

.clear { clear: both; }

/* DIV's */

#printable_header { display: none; }

#warper {
	width: 65.58em;
	margin: auto;
	border-left: 0.42em solid #E8E8E8;
	border-right: 0.42em solid #E8E8E8;
	border-bottom: 0.42em solid #E8E8E8;
	background: #FFF;
	overflow: hidden;
}

#warper #top {
	position: relative;
	height: 8.33em;
	min-height: 100px;
	background: url(../images/top_logo.gif) 1.50em 1.50em no-repeat;
}

/*CHOIX LANGUE*/
	#top ul {
	display: block;
	float: right;
	margin-top: 5em;
	margin-right: 0.50em;
}

#top li { float: left; }

#top span { display:none; }

#top a {
	display: block;
	height: 30px;
	width: 42px;
	background: url(../images/choix_langue.gif) no-repeat;
}

#top a[lang|="en"] { background-position: 0 0; }

#top a[lang="en actif"] { background-position: 0 -30px; }

#top a[lang|="fr"] { background-position: -42px 0; }

#top a[lang="fr actif"] { background-position: -42px -30px; }

/* MENU */
	#warper #menu {
	background: #8FBF19 url(../images/menu_bg.gif) repeat-x;
	height: 3.20em;
	padding: 0.25em;
}

#warper #menu #bordernav {
	display: block;
	background: #8FBF19 url(../images/menu_borderbg.gif) repeat-x;
	height: 3.20em;
	padding: 0.10em;
	overflow: hidden;
}

#warper #menu ul#nav {
	display: block;
	background: #7AB619 url(../images/menu_innerbg.gif) center repeat-y;
	height: 1.90em;
	padding: 0.60em;
	color: #FFF;
	overflow: visible;
}

#warper #menu ul#nav li {
	float: left;
	display: block;
	font: normal 1.50em/1.30em helvetica, arial, sans-serif;
	height: 1.90em;
	margin-right: 0.25em;
	overflow: visible;
}

#warper #menu ul#nav li a {
	text-decoration: none;
	color:#FFF;
	float: left;
	padding: 0 0.25em;
}

#warper #menu ul#nav li a:hover { text-decoration: underline; }

#warper #menu ul#nav li a.current {
	color: #669900;
	background: #FFF;
	padding: 0.25em;
	margin: -0.25em 0 0 -0.25em;
}

#warper #menu ul#nav li.current { background: url(../images/menu_currentbg.png) 40% bottom no-repeat; }

span.icone_greenhome {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	margin: 0.1em;
	background: url(../images/icones_home_mail.gif) top left no-repeat;
}

span.icone_greenmail {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	margin: 0.1em;
	background: url(../images/icones_home_mail.gif) bottom left no-repeat;
}

/*AUTRES ICONES*/
			span.icone_bluehome {
	display: block;
	float: left;
	height: 15px;
	width: 15px;
	margin: 0.25em;
	background: url(../images/icon_home_print_top_blue.gif) 0 0 no-repeat;
}

span.icone_print {
	display: block;
	float: left;
	height: 15px;
	width: 15px;
	margin: 0.25em;
	background: url(../images/icon_home_print_top_blue.gif) 0 -15px no-repeat;
}

span.icone_top {
	display: block;
	float: left;
	height: 15px;
	width: 15px;
	margin: 0.25em;
	background: url(../images/icon_home_print_top_blue.gif) 0 -30px no-repeat;
}

#warper #contenair {
	padding: 0 0.60em 0.60em 0.60em;
	border: 1px solid #FFF;
	border-top: none;
}

/*INTRO*/

#contenair #intro {
	position: relative;
	height: 17.08em;
	border: 1px solid #004489;
	background: url(../images/header_bg.jpg) left bottom no-repeat;
	padding-left: 32.08em;
	padding-right: 1.00em;
	overflow: hidden;
}

#contenair #intro.intro_small {
	height: 8em;
	padding-left: 25em;
	background: url(../images/header_bg_small.jpg) left center no-repeat;
}

#contenair #intro p {
	font: normal 1.50em/1.30em helvetica, arial, sans-serif;
	color: #004489;
	padding-top: 1.00em;
}

#contenair #intro.intro_small p {
	font: normal 0.95em/1.30em helvetica, arial, sans-serif;
	color: #004489;
	padding-top: 0.75em;
}

#contenair #intro p strong {
	display: block;
	font: bold 1.75em/1.00em helvetica, arial, sans-serif;
	letter-spacing: -0.05em;
}

#contenair #intro p strong em { font: bold 0.50em helvetica, arial, sans-serif; }

#contenair #intro p.signature {
	position: absolute;
	bottom: 0.25em;
	font: normal 1.00em/1.30em helvetica, arial, sans-serif;
	color: #004489;
}

/*FOOTER*/

		#contenair #footer {
	position: relative;
	padding: 0.80em;
	background: #E8E8E8 url(../images/footer_fond-new.gif) repeat-y;
	border: 1px solid #E8E8E8;
	overflow: hidden;
}

#contenair #footer ul.footer_col_logo {
	width: 16.50em;
	display: block;
	float: left;
}

#contenair #footer ul.footer_col_quicklinks {
	width: 28.00em;
	float: left;
	padding: 0 0.75em 0.75em 0.75em;
	margin: 0;
}

#contenair #footer ul.footer_col_quicklinks li ul li {
	list-style: inside url(../images/puce_liste_grise.png);
	font: normal 0.95em/1.40em helvetica, arial, sans-serif;
}

#contenair #footer ul.footer_col_quicklinks li a {
 /padding: 0 0 0 0.25em; color: #004489; }

#contenair #footer ul.footer_col_quicklinks li a:hover { border-bottom: 1px solid #999; }

#contenair #footer ul.footer_col_partners {
	width: 14.50em;
	float: left;
	padding: 0 0.75em 0.75em 0.75em;
}

#contenair #footer ul.footer_col_partners a {/*32*32px*/
	display: block;
	height: 22px;
	width: 22px;
	padding: 5px;
}

#contenair #footer a#partenaire_awex { background: url(../images/partenaires_awex.png) no-repeat; }

#contenair #footer a#partenaire_awex:hover { background-position: right bottom; }

#contenair #footer a#footer_logo {
	display: block;
	height:4.17em;
	min-height: 50px;
	width: 14.83em;
	min-width: 178px;
	background: url(../images/footer_logo.gif) no-repeat;
}

#contenair #legals {
	padding: 0.30em;
	font-size: 0.75em;
}

#contenair #legals p {
	font-style: italic;
	margin-bottom: 0.30em;
}

#contenair #legals strong { font-style: normal; }

#contenair #legals p.legals_left { float: left; }

#contenair #legals p.legals_right { float: right; }
