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

* {	margin:0; padding:0; font-size:100%;}

body{background:#ffffff; text-align:center;  font-family: Arial, Helvetica, sans-serif; color:#38393c;}
html{}
.top-tail{ background:url(/img/top-tail.jpg) top repeat-x #ffffff;}
.bot-tail{ background:url(/img/bot-tail.jpg) bottom repeat-x;}

img {vertical-align:top;}
a img { border:0;}


.left { float:left; margin-right: 10px;}
.right {float:right;}
.clear  { clear:both;}


input, select { vertical-align:middle; font-weight:normal;}

a {color:#38393c;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h3{ font-size:1.367em; color:#ffffff; font-weight:normal; font-style:italic; padding:0 0 8px 0px;}
h4{ font-size:1.538em; color:#d52405; font-weight:normal; line-height:1em; background:url(/img/title-unline.gif) bottom repeat-x; margin-bottom:21px;}
h4 span{ font-size:0.55em; display:block; color:#838282; line-height:1.455em; padding:3px 0 0 2px;}
h5{ font-size:1.538em; color:#000000; font-weight:normal; line-height:1em; font-style:italic; padding-bottom:24px;}


/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:130px;}
.extra{ padding-top:220px;}
.space1{ margin-left:50px;}
.space2{ margin-left:43px;}
.space3{ margin-left:39px;}
.margin1{ margin-top:20px;}
.margin2{ margin-top:25px !important;}
.padding1{ padding-top:61px;}
.padding2{ padding-top:15px;}
.padding3{ padding-top:18px;}
.padding4{ padding-top:8px;}

/* ============================= header ====================== */

#header .top{ width:100%; overflow:hidden; height:161px;}
#header .logo{ padding:48px 0 0 31px;}

#header .indent{ padding:0 11px 0 31px; color:#c5c4c4; font-size:0.923em;}

#header .box1{ background:url(/img/header-box1.jpg) no-repeat 0 0; height: 99px; font-size: 11pt; color:#FFFFFF; line-height: normal; overflow:hidden;}
#header .box2{ background:url(/img/header-box2.jpg) no-repeat 0 0; height: 99px; font-size: 11pt; color:#FFFFFF; line-height: normal; overflow:hidden;}
#header .box3{ background:url(/img/header-box3.jpg) no-repeat 0 0; height: 99px;font-size: 11pt; overflow: hidden; color:#FFFFFF; line-height: normal; overflow:hidden;}
#header .indent1{padding:10px 10px 10px 10px;}
#header .txt-head {font-family: Arial, Helvetica, sans-serif; float:left; width: 258px;}
#header .icon-head {width: 34px; float: right; border:0;}
#header .title1{font-weight: bold;}
#header .title2{}
#header .title3{}
#header .unline{margin-bottom:7px;}

/* ============================= menu ====================== */

#menu {width: 982px; padding-left: 70px; background-color:#4d75b2; height: 25px; overflow:hidden;}



/* ============================= content ====================== */
#content{padding:56px 0 152px 110px; position:relative;}
.column-2 ul {list-style-type: none;}

.link1{line-height:1em; color:#0d3a8d;margin-top:14px; display:inline-block;}
.link2{line-height:1em; text-transform:uppercase; color:#0aa1d2; background:url(/images/link2-bg.gif) no-repeat 0 0; padding:2px 0 4px 26px; display:inline-block; margin-left:40px;}
.link1:hover, .link2:hover{ color:#38393c;}

.list li{font-size:0.846em; line-height:1.818em; background:url(/img/list-marker.gif) no-repeat 0 9px; padding-left:8px;}
.list a{ text-decoration:none;}
.list a:hover{ color:#0aa1d2;}

.block{ background:url(//images/block-bg.gif) no-repeat 0 0; padding-left:21px;}
.text{ font-size:0.846em; line-height:1.636em;}
.text1{ line-height:1.077em;}
.banner{ position:absolute; margin:1px 0 0 591px;}
.email1{ color:#d52304;}
.email1 a{ color:#d52304;}
.email2{ font-size:0.769em; text-transform:uppercase; color:#0aa1d2; padding-top:12px;}
.email2 a{ color:#0aa1d2;}

/* ============================= footer ====================== */
#footer{ background:url(/img/footer-bg.jpg) no-repeat 0 0; width:100%; overflow:hidden; font-size: 8pt;}
#footer .text{ float:right; color:#fff; padding:16px 13px 0 0; text-align: right;}

#footer .menu{ padding:10px 0 0 46px;}
#footer .menu li{ float:left; color:#fff; font-size:0.923em; padding-left:9px;}
#footer .menu a{ color:#fff; text-decoration:none; display:inline-block; margin-right:9px;}
#footer .menu a:hover{ color:#fff;}

#footer .menu1{ padding:5px 0 5px 46px;}
#footer .menu1 li{ float:left; color:#fff; font-size:0.923em; padding-left:9px;}
#footer .menu1 a{ color:#fff; text-decoration:none; display:inline-block; margin-right:9px;}
#footer .menu1 a:hover{ color:#fff;}

#footer ul {list-style-type: none;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:4px; font-size: 9pt;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #b2b2b2; background:none; font-family: Arial, Helvetica, sans-serif; font-size:0.846em; color:#38393c; padding:2px 0 2px 2px; width:338px;}
#ContactForm textarea{ border:solid 1px #b2b2b2; background:none; font-family: Arial, Helvetica, sans-serif;  font-size:0.846em; color:#38393c; padding:2px 0 2px 2px; width:338px; height:117px; overflow:auto;}
#ContactForm .links{ padding-right:37px; text-align: left;}
#ContactForm a{font-size:0.769em; text-transform:uppercase; color:#0aa1d2; display:inline-block; margin:15px 0 0 0px;}


/* ============================= right side boxes ============================= */
#presence {border-top: 1px dotted #0f4293; border-bottom: 1px dotted #0f4293; padding: 10px 0 2px 0;  margin: 10px 0 2px 0;}
#presence h5 {color: #b90303; font-size: 14pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0; margin: 0;}
#presence h5 span{ font-size:0.65em; display:block; color:#838282; line-height:1.455em; padding:3px 0 0 2px;}
#presence .txt {font-size: 9pt; line-height: normal; background: url(/img/block-bg.gif) left top no-repeat; padding: 0px 0 8px 20px; margin-top: 8px; }
#presence a {color: #5075b0;}

#gps {border-top: 6px solid #5e9a52; border-bottom: 1px dotted #0f4293; padding: 5px 0 10px 0;  margin: 2px 0 10px 0;}
#gps h5 {color: #0d3d91; font-size: 14pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0; margin: 0;}
#gps h5 span{ font-size:0.65em; display:block; color:#838282; line-height:1.455em; padding:3px 0 0 2px;}
#gps .txt {font-size: 9pt; line-height: normal; background: url(/img/block-bg.gif) left top no-repeat; padding: 0px 0 8px 20px; margin-top: 8px; }
#gps a {color: #5075b0;}

#lks {border-top: 6px solid #e89106; border-bottom: 1px dotted #0f4293; padding: 5px 0 10px 0;  margin: 2px 0 10px 0;}
#lks h5 {color: #b90303; font-size: 14pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0; margin: 0;}
#lks h5 span{ font-size:0.65em; display:block; color:#838282; line-height:1.455em; padding:3px 0 0 2px;}
#lks .txt {font-size: 9pt; line-height: normal; padding: 0px 5px 8px 10px; margin-top: 8px; background-color:#f1f4f9; border-top: 1px solid #0a308b;}
#lks a {color: #5075b0;}
#lks a:hover {color: #5075b0; text-decoration: underline;}
.linksr {height: 20px; border-top: 1px solid #003a9e; margin-top: 2px; font-size: 9pt; padding-top: 6px; color: #c80203;}

.date {font-size: 8pt;}
#mention {color: #3e568c; padding-left: 55px;}
#mention a {color: #3e568c;}

#visit {color: #3e568c;}
#visit a {color: #3e568c;}

.container {}
.container p {font-size: 9pt;}
.container li {font-size: 9pt;}
.container li a {text-decoration: underline;}
#formulaire_activite {font-size: 9pt;}

.container2 {}
.container2 p {font-size: 9pt;}
.container2 li {font-size: 9pt;}
.container2 li a {text-decoration: underline;}

.container3 {font-size: 9pt;}
.container3 li {font-size: 9pt;}
.container3 li a {text-decoration: underline;}

#training {font-size: 9pt;}
#training ul{font-size: 9pt; padding-top: 15px;}
#training li {line-height:1.818em; background:url(/img/list-marker.gif) no-repeat 0 9px; padding-left:8px;}

.temoignages-courts {font-weight: bold; color: #072e8f;}
.testimonials {background: url(../img/quote-open.jpg) no-repeat left center; padding-left: 75px; line-height: normal; }

.test-title {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14pt; color: #0b338b;}
#nexttemoignages {width: 200px; margin: 0 auto;}
#nexttemoignages img {width: 49px; height: 64px; border:0;}

.infolettre-author { font-style:oblique; color: #0b338b; }
#date-article {font-size: 8pt; color: #5175b1;}
#shareit {border-top: 6px solid #5175b1; background:url(/img/title-unline.gif) bottom repeat-x; font-size:9pt; padding: 5px; text-align: right; }
.txt-article {font-size: 9pt; padding-top: 15px; line-height: 1.487em}

.fleft {width: 180px; height: 145px; float: left; padding-right: 10px;}
.floater {float: right; width: 180px; background-color: #fff; border: 1px solid #0f4293; padding: 2px;}

/* ============================= questionnaire ====================== */

#questionnaire {width: 100%;}
#questionnaire ul {margin: 0; padding: 0 0 2px 0; width: 100%}
#questionnaire ul li {display: block; float: left; width: 65px; background-color:#d0d7e9; padding: 0 3px 0 3px;}
#questionnaire label {padding-right: 6px;}
.analyse {font-size: 9pt; padding: 3px;}
.no {padding-right: 10px; color: #330099;}
#questionnaire .txt {font-size: 9pt; padding: 8px 0 8px 0; margin-bottom: 2px; border-bottom: 1px solid #5175b1;}
#questionnaire .border {border-top: 1px solid #5175b1; margin-top: 2px;}
#questionnaire .bckcc1 {background-color:#d0d7e9; padding-left: 25px;}


#errmsg {font-weight: bold; color:#CC0000; font-size: 14px; text-decoration:blink;}
/* ============================= GPS  ====================== */
#gps-line {width: 292px; height: 215px; background-image:url(../img/GPS.jpg); background-repeat:no-repeat; overflow:hidden;}
#gps-line .text {font-size: 9pt; color: #062d6c; padding: 50px 0 0 70px; height: 107px; line-height: normal;}
#gps-line .author {font-size: 9pt; color: #0f4293; font-family:Georgia, "Times New Roman", Times, serif;  text-align: right; padding: 8px 20px 0 0;}
#gps-line .all {padding-top: 10px; color: #FF0000; font-size: 8pt; text-align: center;}
.separate {padding: 5px; font-size: 9pt; margin-bottom: 15px; border-bottom: 1px dotted #0f4293;}