/* Style réalisé par lunthear.com */
body {
	width: 771px;
	margin: 0 auto;
	background: #01365e url('images/bg.jpg') repeat-x top;
}

h1 {
	margin: 0;
	padding: 0;
}

div.content {
	width: 771px;
	background: #fff url('images/bg_content.png') repeat-x bottom;
}

div.contentsupport {
	width: 771px;
	background: #fff;
	margin-bottom:5px;
}

.contentsupport ul.menu {
	width: 753px;
	height: 22px;
	margin: 0;
	padding: 13px 10px 25px 8px;
	text-align: center;
	background: url('images/ul_menu.png') no-repeat top;
}

ul.menu {
	width: 753px;
	height: 32px;
	margin: 0;
	padding: 13px 10px 25px 8px;
	text-align: center;
	background: url('images/ul_menu.png') no-repeat top;
}

ul.menu li { display: inline; }

ul.menu li.floatright { margin: 0 0 0 2px; }
ul.menu li.floatleft { margin: 0 2px 0 0; }

div.content div.texte {
	width: 753px;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 10px;
}

div.content div.texte ul.support {
	width: 753px;
	margin: 0 auto;
	margin-left: -2px;
	padding: 0;
	min-height: 69px;
	list-style-type: none;
}

div.content div.texte ul.support li {
	margin: 0 1px 0 1px;
}

div.content div.texte ul.blocks {
	padding: 0;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	min-height: 230px;
	width: 753px;
}

div.content div.texte ul.blocks li {
	float: left;
	list-style-type: none;
}

div.content div.texte ul.blocks li ul.infos {
	margin-top: -5px;
	padding: 0;
	text-align: right;
	width: 100%;
}

div.content div.texte ul.blocks li ul.infos li {
	margin: 0;
	float: none;
	padding: 0;
	display: inline;
}

div.content div.texte ul.blocks li.b1 {
	background: url('images/b1.jpg') no-repeat;
	width: 244px;
	padding: 0;
	margin: 0;
	float: left;
}

div.content div.texte ul.blocks li.b2 {
	background: url('images/b2.jpg') no-repeat;
	width: 244px;
	height: 221px;
	margin: 0 0 0 10px;
}
div.content div.texte ul.blocks li.b2 form span.txt {
	display: block;
	margin: 72px 0 0 10px;
}
div.content div.texte ul.blocks li.b2 form span.txt input {
	height: 14px;
	font: normal 12px Tahoma;
	padding: 2px;
	width: 110px;
}
div.content div.texte ul.blocks li.b2 form span.bout {
	display: block;
	margin: 20px 0 0 10px;
	font: normal 12px Tahoma;
}
div.content div.texte ul.blocks li.b2 form span.prix {
	display: block;
	margin: 16px 40px 0 0;
	text-align: right;
	font: normal 28px Tahoma;
	color: #b93030;
}

div.content div.texte ul.blocks li.b2 ul.infos {
	margin-top: -5px;
}

*:first-child+html div.content div.texte ul.blocks li.b2 ul.infos {
	margin-top: -7px;
	margin-left: 0;
}

*:first-child+html div.content div.texte ul.blocks li.b1 ul.infos {
	margin-left: 0;
}

div.content div.texte ul.blocks li.b3 {
	width: 244px;
	float: right;
	/*background: #a70303 url('images/b3_bg.jpg') repeat-x 0 41px;*/
}
div.content div.texte ul.blocks li.b3 div.red {
	background: url('images/arc.png') no-repeat 83px 80px;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
div.content div.texte ul.blocks li.b3 div.red ul {
	padding: 0;
	margin: 0 auto;
	width: 219px;
}
div.content div.texte ul.blocks li.b3 div.red ul li {
	float: left;
	margin: 0 1px -5px 0;
	padding: 0;
}

div.content div.texte ul.blocks li.b3 ul.infos {
	margin: -5px 0 0 0;
	padding: 0;
	/*background: #fff url('images/b3_3.png') repeat-x top;*/
	display: block;
}

div.content div.texte table.tableau {
	width: 753px;
	padding: 0;
	background: #ab0505 url('images/tab_bg.png') repeat-x top;
	border-collapse: collapse;
	border: 2px solid #ab0505;
	margin: 0 auto;
	margin-bottom: 10px;
}
div.content div.texte table.tableau thead {
	width: 753px;
	font: italic bold 12px "trebuchet MS";
	color: #fff;
	text-transform: uppercase;
}

div.content div.texte table.tableau tbody tr td {
	font: bold 11px Tahoma;
	border-left: 2px solid #ab0505;
	border-right: 2px solid #ab0505;
	text-indent: 4px;
	padding: 4px;
}

div.content div.texte table.tableau tbody tr td span {
	float: right;
}

div.content div.services {
	width: 97%;
	margin: 0 auto;
	background: url('images/img.jpg') no-repeat bottom right;
}

div.content div.services ul.services { width: 500px; padding: 0 0 20px 20px; margin: 10px 0 0 0; }

div.content div.services ul.services li.img1 { background: url('images/img1.jpg') no-repeat left; }
div.content div.services ul.services li.img2 { background: url('images/img2.jpg') no-repeat left; }
div.content div.services ul.services li.img3 { background: url('images/img3.jpg') no-repeat left; }
div.content div.services ul.services li.img4 { background: url('images/img4.jpg') no-repeat left; }
div.content div.services ul.services li.img5 { background: url('images/img5.jpg') no-repeat left; }

div.content div.services ul.services li { 
	list-style-type: none;
	padding-left: 50px;
}

div.content div.services ul.services li span { 
	color: #02365e;
	font: normal 11px Tahoma;
	padding: 0 0 5px 10px;
	line-height: 15px;
	display: block;
}

div.content div.services ul.services li span.titre { 
	display: block;
	font: bold 14px Arial;
	text-transform: uppercase;
	padding: 5px 0 0 15px;
}

div.content div.h2 {
	width: 668px;
	height: 64px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 10px 0 20px 0;
	background: url('images/h2.jpg') no-repeat bottom;
}

div.content div.texte h2 {
	padding: 20px 0 0 20px;
	margin: 0;
	color: #ef6500;
	font: normal 24px Arial, "Trebuchet MS";
	text-transform: uppercase;
}

div.content div.texte p {
	line-height: 22px;
	font: normal 13px "Trebuchet MS";
}

div.content div.h2 h2 {
	padding: 30px 0 0 75px;
	margin: 0;
	color: #ef6500;
	font: normal 24px Arial, "Trebuchet MS";
	text-transform: uppercase;
}

div.content div.h2 ul.legende {
	padding: 0 0 0 100px;
	margin: 0;
}

div.content div.h2 ul.legende li {
	float: left;
	margin-right: 40px;
	font: bold 12px Tahoma;
	vertical-align: top;
	text-transform: uppercase;
	list-style-type: none;
	padding-left: 25px;
}

div.content div.texte ul.attente {
	font: normal 12px Tahoma;
	color: #9a0503;
	padding-left: 15px;
	margin: 20px 0 20px 0;
}

div.content div.texte ul.attente li {
	margin: 5px 0 5px 0;
	background: url('images/attente.jpg') no-repeat left;
	padding-left: 25px;
	list-style-type: none;
}

div.content div.texte ul.attente li span {
	position: relative;
	bottom: 5px;
}

div.content div.h2 ul.legende li.attente { background: url('images/attente.jpg') no-repeat left; color: #9a0503; }
div.content div.h2 ul.legende li.cours{ background: url('images/cours.jpg') no-repeat left; color: #4d4f5b; }
div.content div.h2 ul.legende li.fin { background: url('images/fin.jpg') no-repeat left; color: #006a00; }

div#footer, div#footer_host {
	margin: 0 0 10px 0;
	clear: both;
}

div#footer {
	text-align: center;
}

div#footer p, div#footer_host p {
	font: normal 12px Tahoma;
	color: #fff;
	margin: 0 0 5px 0;
}

div#footer p a, div#footer_host p a, div#footer p a:hover, div#footer_host p a:hover {
	text-decoration: underline;
	color: #fff;
}

div#footer_host p span {
	float: right;
}

a img { border: 0; }
.floatleft { float: left; }
.floatright { float: right; }
.aligncenter { text-align: center; }
.clearboth { clear: both; }