@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	height: 100%;
}
body {
	color:#555555;
	font-family:Arial, sans-serif;
	font-size:13px;
}
#page {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
}
a {
	text-decoration:none;
}
a img {
	border:0px;
}
a.button {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;*/
	background:#D8E8E8 none repeat scroll 0 0;
	float:right;
	font-size:10px;
	font-weight:bold;
	padding:0 10px;
	text-transform:uppercase;
}
a:hover.button
{
	border-bottom:0px; /* doesn't work : http://www.w3.org/TR/CSS21/cascade.html#specificity */
	color:#444444;
}
p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, li, select, option, input, table, thead, tbody, tfoot, tr, td, b {
	border:0 none;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
img.border {
	border:1px solid #C6C6C6;
	padding:4px;
}
.clr {
	clear:both;
}
/* ---------------------------- */
/* HEADER */
/* ---------------------------- */

#header {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background: url(images/layout/bg-header.gif) repeat-x scroll 0 0;
	display:block;
	height:121px;
	margin-bottom:20px;
}
/* Navigation principale */

#nav {
	display: block;
	margin:0 auto;
	width:980px;
}
/*#nav #sitelinks {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#nav #sitelinks li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 121px;
	display: block;
	height: 101px;
	float: left;
	line-height:18px;
	/*background: url(images/layout/nav-divider.png) no-repeat left center;
}*/

#nav .top_menu {
	float:left;
	margin-left:-35px;
}

#nav .link {
	float: left;
	line-height:18px;
	margin: 0px;
	padding: 0px 25px;
}

#nav .sep {
	background: url(images/layout/nav-divider.png) no-repeat left center;
	height: 101px;
	width:1px;
	float: left;
	line-height:18px;
}
#nav .link a {
	list-style: none;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 33px;
	display: block;
	height: 64px;
}
#nav .link a:hover {
	color: #B3B3B3;
}
#nav .link a span {
	display: block;
	padding-left: 0px;
	font-size:16px;
	font-weight:200;
	margin-bottom:0px
}
#nav .link a em {
	display: block;
	font-style: normal;
	font-size: 10px;
	padding-left: 0px;	
	font-weight:200;
	margin-top:0;
}
/* Logo */

.logo {
	float: left;
}
.logo a {
	background: url(images/layout/logo-full.png) no-repeat left center;
	vertical-align:middle;
	display:block;
	width:360px;
	height:100px
}
.logo span {
	display:none
}
.logo h1 {
	margin:0;
	padding:0;
}

/* ---------------------------- */
/* CONTENT */
/* ---------------------------- */

.main {
	/*font-size-adjust:none;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:20px;
	color:#444444;
	margin:0 auto;
	width:860px;
	padding-bottom: 280px;
	font-family:Arial, sans-serif;
}
.main .box {
	float:left;
	width:50%;
	text-align:justify;
}
h2 {
	font-weight:bold;
	margin-bottom:10px;
	color:#222222;
	font-size:18px;
	position:relative;
}
/* Homepage */

.main .box:first-child {
	padding-bottom:30px;
}
.main .box .left {
	padding-right:15px;
}
.main .box .right {
	padding-left:15px;
}
.main .box .links {
	margin-top:20px;
}
.bottom {
	margin-top:20px;
}
.main .box p:first-child {
	margin-top:0px;
}
.main .box p {
	margin-top:15px;
}
.main a {
	color:#4488AA;
}
strong.blue {
	color:#77B000;
}
.main .text {
/*text-indent:20px;*/
}
.main .text a, #bloc a {
	/*border-bottom:1px dotted #4488AA;*/
	font-weight:bold;
}
.main .text a:hover, #bloc a:hover {
	border-bottom:1px dotted #4488AA;
}
#content_box a:hover {
	/*font-weight:bold;*/
	border-bottom:1px dotted #4488AA;
}
.main #bloc .no_border a:hover {
	border-bottom:0px;
}
/*.main .text a:hover {
	border-bottom:0px;
}*/

a.left {
	float:left;
}
.box_header {
	background: url(images/layout/content.jpg) no-repeat left top;
	height:480px;
}
/* Pages */

h2 {
}
/* ---------------------------- */
/* MENU GAUCHE								  */
/* ---------------------------- */

#left {
	float:left;
	width:200px;
}
#menu_box {
	border-top:5px solid #E0E0E0;
}
.menu a {
	font-weight:300;
	border-bottom:1px solid #E0E0E0;
	display:block;
	line-height:20px;
	padding:10px 0 9px 10px;
}
.menu a:hover, .menu .active {
	background:#F0F7F7 none repeat scroll 0 0;
	color:#444444;
}
/* --> Sub-Menu */

.smenu {
	padding:10px 0;
	border-bottom:1px solid #E0E0E0;
}
.smenu a {
	border:none;
	background:#FFFFFF;
	display:inline;
	border-bottom:0px;
	font-weight:300;
	line-height:10px;
	padding:0px;
	color:#444444;
}
.smenu a:hover {
	background:transparent;
	color:#4488AA;
}
/* ---------------------------- */
/* CONTENT		   							  */
/* ---------------------------- */

#right {
	float:right;
	width:640px;
	position:relative;
}
#content_box {
	/*border-top:1px solid #E0E0E0;*/
	padding-top:20px;
}
#content_box h2 {
	font-size:22px;
	line-height:30px;
	font-weight:300;
}
#content_box p {
	text-align:justify;
	margin-bottom:10px;
}
#content_box .intro img {
	float:right;
	margin-top:-15px;
	margin-left:20px;
}
.mnu_packs {
	margin:20px 0px 20px 0px;
	padding:10px 0 10px 0;
	border-top:1px dotted #C6C6C6;
	border-bottom:1px dotted #C6C6C6;
}
.mnu_packs ul, .packs ul, .h_list ul, .intro ul, .letter ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	display:inline-block;
}
.letter li.sub {
	padding-left:20px;
}
.mnu_packs li, .packs li, .h_list li, .intro li, .letter li {
	float:left;
	color:#858585;
	line-height:20px;
	margin:0 0 0 20px;
}
.mnu_packs li a {
	color:#4488AA;
	font-weight:normal;
	font-size:13px;
}
.packs .title {
	background:#f0f0f0;
	height:70px;
	padding:5px;
	margin-top:30px;
	border:1px dotted #CCCCCC;
	font-family:Verdana, Geneva, sans-serif;
}
.packs .title .content {
	float:left;
	padding:10px 0 0 20px;
}
.packs .tarif {
	font-weight:bold;
	color:#E14900;
}
.packs h3 {
	color:#4488AA;
	font-size:18px;
}
.packs li, .intro li, .letter li {
	float:none;
	color:#444444;
}
.packs img.icon {
	float:left;
	padding-left:20px;
}
.packs .section {
	border-bottom:1px solid #222222;
	clear:both;
	font-weight:bold;
	padding-left:5px;
	margin:20px 0 10px 0;
}
.demarches {
	margin-top:30px;
}
.demarches h3 {
	font-weight:bold;
	padding-top:15px;
	padding-bottom:5px;
	font-size:18px;
}
#bloc {
	margin-top:-10px;
}
/*.bloc p {
	padding-top:10px;
}*/

#bloc h3 {
	font-weight:bold;
	padding-top:25px;
	padding-bottom:10px;
	font-size:18px;
}
#bloc img {
	padding-right:10px;
}
.contact {
	background:#F7F7F7;
	padding:5px;
	margin:30px 0 20px 0;
	border:1px dotted #CCCCCC;
	font-family:Verdana, Geneva, sans-serif;
}
#contact_form {
	margin-top:20px;
	padding-top:10px;
	border-top:1px dotted #CCCCCC;
}
#contact_form input, #contact_form textarea {
	border:1px solid #CCCCCC;
	padding:5px;
}
.required {
	color: #FF3333;
	font-weight:bold;
}
.mail_error {
	color: #C60000;/*font-weight:bold;*/
}
.mail_success {
	font-weight:bold;
}
.update_panel {
	padding:10px;
	margin-top:30px;
	border:1px dotted #CCCCCC;
	font-family:Verdana, Geneva, sans-serif;
}
.update_panel .icon {
	margin-left:20px;
	float:left;
	width:128px;
}
.update_panel .infos {
	padding:10px 10px 10px 30px;
	margin-left:150px;
}
.update_panel .infos .title {
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #222222;
	color:#222222;
	font-size:18px;
}
.update_panel .infos .link {
	padding-top:20px;
	padding-bottom:20px;
}
.letter {
}
.letter .title {
	padding:5px;
	margin:30px 0;
	border:1px dotted #CCCCCC;
	font-family:Verdana, Geneva, sans-serif;
	background:#f0f0f0;
	font-weight:bold;
	color:#222222;
	font-size:15px;
}
.letter .definition {
	border-bottom:1px solid #222222;
	font-weight:bold;
	padding-left:5px;
	margin:20px 0 10px 0;
}
.letter p {
	text-indent:20px;
}
/* ---------------------------- */
/* FOOTER */
/* ---------------------------- */

#footers {
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	font-size:12px;
}
.footer2 {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:#222222 url(images/layout/bg2.png) repeat-x scroll left bottom;
	min-height:100px;
	padding:35px 0 30px;
}
.footer2_up {
	margin:0 auto 30px;
	width:600px;
	background:transparent url(images/layout/ico.png) no-repeat;
	padding:0px 0px 0 150px;
	min-height:96px;
}
.footer2_bottom {
	margin:0 auto;
	width:680px;
}
.ico {
	float:left;
	display:inline;
	background:transparent url(images/layout/ico.png);
	width:96px;
	height:96px;
	margin:0px 30px 0 150px;
}
.links {
	/*margin:0 40px 0 0;*/
	clear:both;
}
/*.vboxDetails {
	display:inline;
	float:left;
	margin:0 40px 0 0;
	width:200x;
}*/

.vboxDetails h4 {
	color:#BBBBBB;
	font-weight:bold;
	padding: 0 20px 0 0px;
	line-height:20px;
}
.vboxDetails p {
	color:#858585;
	line-height:20px;
	clear:both;
}
.links ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;
}
.links li {
	float:left;
	color:#858585;
	line-height:20px;
	margin:0 0 0 20px;
}
.links li a {
	color:#BBBBBB;
	font-weight:normal;
	font-size:13px;
}
.links li a:hover, .mainFooter a:hover {
	color:#BBBBBB;
	border-bottom:1px dotted #BBBBBB;
}
/*.mainMenu li, .inMenu li, .list {
	display:inline;
	float:left;
	padding:0 20px;
}*/

.mainFooter {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:#222222 none repeat scroll 0 0;
	height:60px;
	padding:18px 0 0;
}
.mainFooter_in {
	font-size:11px;
	line-height:20px;
	margin:auto;
	width:865px;
}
.mainFooter .copyright {
	display:inline;
	float:left;
}
.mainFooter .copyright h5, .mainFooter .copyright a {
	color:#717171;
}
.mainFooter .copyright h6 {
	color:#A4A4A4;
}
.mainFooter span {
	padding:0 8px;
}
.mainFooter .address {
	display:inline;
	float:right;
}
.mainFooter .address h5 {
	color:#717171;
	text-align:right;
}
.mainFooter a {
	color:#A4A4A4;
	font-weight:300;
}