/* CSS par IDnet Design */

/* Balises */

body {
/*background: #ddd;*/
background: #c4cfd9;
margin: 0px;
padding: 0px;
}

p, h1, h2, h3, h4, li, em {font-family: Open Sans, arial, Serif; color: #333;}
p, li, em {font-size: 15px; line-height:17px;}

p {margin:7px 0;}

a {color:#217dd1;}

h1, h3, h4 {font-weight:400;}

h1 {font-size: 22px; color:#0b2134; margin:20px 0 10px 0;}
h2 {font-size:18px; margin-bottom:5px;}
h3 {margin-top:0px; margin-bottom:5px;}

a {text-decoration: none; outline:none;}
a:hover {text-decoration: underline;}
img {border:none;}
.clear {clear:both;}
hr {height: 1px; border:none; background: #ccc;}


/* Structure de site */

#sitewrap {width: 1000px; margin: auto; background:#fff; margin-top: 20px; background:url('../images/wheel.jpg') bottom right no-repeat #fff;}

#header {background: url('../images/header_bg.jpg') repeat-x; height: 130px;}
	#headerlogo {float: left; padding: 5px 0 3px 25px;}
	
ul.languages {float:right; margin-right:30px; list-style:none;}
	ul.languages li {float:right; padding-left:7px; margin-left:7px; color:#95b4c8;}
		ul.languages li a {color:#fff;}
			ul.languages li:first-child {border-left:1px solid #50748a;}

nav {clear:both; background:#fff; height:32px; padding: 0 20px; }
	nav ul {float:right; list-style-type: none; height:32px; padding: 0 20px; margin:0;}
		nav ul li {float:left; height:32px; background:#fff;}
			nav ul li.is-active, nav ul li.is-active:hover { background:#0C2134; }
				nav ul li:hover {background:#e6f0f7;}
					nav ul a {color:#0b2134; line-height: 31px; font-size: 16px; padding: 0 15px;}
					nav ul a:hover {text-decoration:none;}
					nav ul li.is-active a { color:#fff; background: none;}


#content {min-height: 200px; width:960px; margin:20px;}
	.boitetexte p {padding: 0 30px;}
	.boitetexte ul {padding: 0 60px;}
		.marginleft {margin-left:20px;}
		div.twobox { width: 460px; float:left; }
			.twobox h1.eddy {}
			.twobox h1.eddy img {margin-bottom:-18px; margin-left:10px; height:50px;}

		.full { width: 955px; }

		.contactform {float:right; margin-top:-10px; width:300px;}
			div.contactform input, div.contactform textarea {width:250px; font-size:15px;}
			div.contactform img.floatright {margin-left:40px; margin-top:20px; width:290px;}

			div.contact-phone-class{display:none;} /* ANTISPAM */

			div.alert {border-radius:10px; border:1px solid; margin-bottom:10px; width:224px; padding:5px 15px; }
				div.alert h2 {font-size:15px; margin:0; color:#fff; text-shadow:1px 1px 1px #000;}
				div.alert p {font-size:12px; margin:1px 0; color:#fff; text-shadow:1px 1px 1px #000;}
			div.alert.alert-danger {background:#E85A5B; border-color:#aa3838;}
			div.alert.alert-success {background:#60c167; border-color:#3a873f;}

	
	.imgarticle {margin-left: -20px; margin-top: -3px;}
	.petiteimg {margin:0px 20px 20px 20px; border: 1px solid #eee;}
		.floatleft {float:left; margin-left:-1px;}
		.floatright {float:right;margin-right:-1px; margin-left:10px;}
	
#footer {background:#0C2134; height: 30px; padding: 0 20px;}
	#footer p {font-size: 12px; color:#c3d0dc; text-align: right; line-height: 27px;}
	#footer a {font-size: 12px; color:#62b3f2;}