/* 

ECEMA 2008 | © DELTA WEB http://www.delta-web.com



*/

body {
margin:0;
background:fixed #009de0 url(../images/bg.gif) repeat-x;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#152146;
line-height:15px;
}

img {
border:none;
}

p {
margin:10px 0 5px 0;
}

h1 {
border-bottom:1px solid #eb690a;
padding:20px 0 10px 0;
margin:0 0 20px 0;
font:100 20px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#eb690a;
line-height:20px;
}

h2 {
margin:15px 0 5px 0;
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#eb690a;
}

h3 {
margin:10px 0 5px 0;
font:bold 13px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#eb690a;
}

a {
color:#009ee0;
}

a:hover {
text-decoration:none;
}

ul {
margin:0 0 10px 0;
padding:0;
list-style:none;
}

li {
margin:0;
padding:0 0 0 10px;
background:url(../images/puce_li.gif) 0 6px no-repeat;
}

form {
margin:0;
padding:0;
}

input, textarea, select {
border:1px solid #ccc;
background:#fff;
font:12px Arial, Helvetica, sans-serif;
color:#333;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: ID
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#global {
position:absolute;
width:900px;
left:50%;
margin:0 0 0 -450px;
background:#fff url(../images/bg_global.gif) repeat-y;
}

#header {
height:100px;
background:url(../images/bg_header.gif) no-repeat;
}

/* Colones principales
   --------------------------------------------------------------
*/

#colLeft {
float:left;
width:200px;
background:url(../images/bg_col_left.gif) no-repeat;
padding:40px 0 0 0;
}

#colRight {
float:left;
width:700px;
}

/* Visuels
   --------------------------------------------------------------
*/

#visuel {
width:680px;
height:190px;
margin:10px 0 0 20px;
}

/* Colones contenu
   --------------------------------------------------------------
*/

#colCont01 {
/**/position:relative;
float:left;
width:460px;
min-height:200px;
background:#fff;
margin:-109px 0 0 0;
padding:0 20px 0 20px;
}

#colCont02 {
float:left;
width:180px; /* 200px */
padding:20px 10px 20px 10px;
background:url(../images/bg_col_2.gif) repeat-y;
}

#colCont03 {
position:relative;
float:left;
width:360px;
min-height:200px;
background:#fff;
margin:-109px 0 0 0;
padding:0 20px 0 20px;
}

#colCont04 {
float:left;
width:280px; /* 300px */
padding:20px 10px 20px 10px;
background:#f5f6f6 url(../images/bg_col_2.gif) repeat-y;
}

#colCont05 {
position:relative;
float:left;
width:310px; /* 350px */
min-height:200px;
background:#fff;
margin:-109px 0 0 0;
padding:0 20px 0 20px;
}

#colCont06 {
float:left;
width:310px; /* 350px */
padding:20px;
background:url(../images/bg_col_3.gif) repeat-y;
/*border-bottom:1px solid #f5f6f6;*/
}

#colCont07 {
position:relative;
float:left;
width:610px;
min-height:200px;
background:#fff;
margin:-109px 0 0 0;
padding:0 20px 0 20px;
}
#listCertif{
width:450px;
float:left;
}
#logoCertif{
float:left;
margin:-15px 0 -15px 0;
}


/* Footer
   --------------------------------------------------------------
*/

#footer {
clear:both;
height:30px; /* 100px */
background:url(../images/bg_footer.gif) no-repeat;
margin:0 0 0 200px;
color:#868787;
padding:70px 0 0 0;
}

#footer a {
text-decoration:none;
color:#868787;
border-bottom:1px solid #868787;
}
#footer a:hover {
border:none;
}

#footer p {
margin:0;
width:680px;
text-align:center;
}

#footer a.color {
color:#eb690a;
border-bottom:1px solid #eb690a;
}

#footer a.color:hover {
border:none;
}

#footer img {
position:absolute;
margin:-5px 0 0 -30px;
}

/* Nav
   --------------------------------------------------------------
*/

#nav {
list-style:none;
margin:0;
padding:0;
}

#nav li {
margin:0;
padding:0;
background:none;
}

#nav li a {
display:block;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
background-position:0 0;
text-indent:20px;
text-decoration:none;
width:100%;
line-height:31px;
}

#nav li a:hover {
background-position:-200px 0;
color:#eb690a;
}

#nav li.selected a {
background-position:-200px 0;
color:#eb690a;
cursor:default;
}

#nav li#bt0 a {
background-image:url(../images/bt0.gif);
}
#nav li#bt1 a {
background-image:url(../images/bt1.gif);
}
#nav li#bt2 a {
background-image:url(../images/bt2.gif);
}
#nav li#bt3 a {
background-image:url(../images/bt3.gif);
}
#nav li#bt4 a {
background-image:url(../images/bt4.gif);
}
#nav li#bt5 a {
background-image:url(../images/bt5.gif);
}
#nav li#bt6 a {
background-image:url(../images/bt6.gif);
}
#nav li#bt7 a {
background-image:url(../images/bt7.gif);
}
#nav li#bt8 a {
background-image:url(../images/bt8.gif);
}
#nav li#bt9 a {
background-image:url(../images/bt9.gif);
}

/* Sous menu principaux
   --------------------------------------------------------------
*/

#nav li ul.subNav {
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}

#nav li ul.subNav li {
margin:0;
padding:0;
}

#nav li#bt0 ul.subNav li a,
#nav li#bt1 ul.subNav li a,
#nav li#bt2 ul.subNav li a,
#nav li#bt3 ul.subNav li a,
#nav li#bt4 ul.subNav li a,
#nav li#bt5 ul.subNav li a,
#nav li#bt6 ul.subNav li a,
#nav li#bt7 ul.subNav li a,
#nav li#bt8 ul.subNav li a,
#nav li#bt9 ul.subNav li a {
background:url(../images/bg_sub_nav_bt.gif) 15px 9px no-repeat;
display:block;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
width:100%;
line-height:22px;
text-indent:25px;
}

#nav li#bt0 ul.subNav li a:hover,
#nav li#bt1 ul.subNav li a:hover,
#nav li#bt2 ul.subNav li a:hover,
#nav li#bt3 ul.subNav li a:hover,
#nav li#bt4 ul.subNav li a:hover,
#nav li#bt5 ul.subNav li a:hover,
#nav li#bt6 ul.subNav li a:hover,
#nav li#bt7 ul.subNav li a:hover,
#nav li#bt8 ul.subNav li a:hover,
#nav li#bt9 ul.subNav li a:hover {
color:#eb690a;
background:#fff;
}

#nav li#bt0 ul.subNav li.selected a,
#nav li#bt1 ul.subNav li.selected a,
#nav li#bt2 ul.subNav li.selected a,
#nav li#bt3 ul.subNav li.selected a,
#nav li#bt4 ul.subNav li.selected a,
#nav li#bt5 ul.subNav li.selected a,
#nav li#bt6 ul.subNav li.selected a,
#nav li#bt7 ul.subNav li.selected a,
#nav li#bt8 ul.subNav li.selected a,
#nav li#bt9 ul.subNav li.selected a {
color:#eb690a;
background:#fff;
cursor:default;
}

/* Menu secondaire
   --------------------------------------------------------------
*/

#navSec {
list-style:none;
margin:0;
padding:0;
background:url(../images/bg_nav_sec.gif) no-repeat;
width:700px;
height:40px;
}

#navSec li {
float:left;
margin:0;
padding:0;
}

#navSec li a {
display:block;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
line-height:12px;
text-decoration:none;
background-image:url(../images/bg_bt_navsec.gif);
background-position:0 0;
width:115px;
height:32px;
padding:8px 10px 0 15px;
}

#navSec li a:hover {
color:#eb690a;
background-position:0 -40px;
}

#navSec li.selected a {
color:#eb690a;
background-position:0 -40px;
cursor:default;
}

#navSec li#bt4 a {
background-image:url(../images/bg_bt_navsec_end.gif);
}

/* Home page
   --------------------------------------------------------------
*/

#colContHOME {
position:relative;
float:left;
width:480px;
min-height:200px;
background:#fff;
margin:-109px 0 0 0;
padding:0 0 0 20px;
}

#colContHOME .blocCont01 {
background:#e75d08 url(../images/bg_blochome_01.gif) repeat-x;
padding:10px;
color:#fff;
height:120px;
}
#colContHOME .blocCont01 h1 {
border:none;
margin:0 0 10px 0;
padding:0;
color:#fff;
}
#colContHOME .blocCont01 h2 {
color:#fff;
}
#colContHOME .blocCont01 p {
float:left;
width:240px;
margin:0;
}
#colContHOME .blocCont01 .blocFloat {
float:left;
width:200px;
padding:0 20px 0 0;
}

#colContHOME .blocCont02 {
background:#fff;
border:none;
padding:20px 0 0 20px;
margin:0;
}
#colContHOME .blocCont02 .blocFloat, 
#colContHOME .blocCont02 .blocFloat2 {
float:left;
background:#009ee0;
width:215px;
height:140px;
margin:10px 10px 0 0;
color:#fff;
line-height:12px;
}
#colContHOME .blocCont02 .blocFloat2 {
margin:10px 0 0 0;
}
#colContHOME .blocCont02 .blocFloat h3,
#colContHOME .blocCont02 .blocFloat2 h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 5px 0;
padding:10px 10px 10px 30px;
background:#0086d5 url(../images/puce_bloc_home.gif) 5px 6px no-repeat;
letter-spacing:0;
}
#colContHOME .blocCont02 .blocFloat p,
#colContHOME .blocCont02 .blocFloat2 p {
margin:5px 10px 5px 10px;
}
#colContHOME .blocCont02 .blocFloat a,
#colContHOME .blocCont02 .blocFloat2 a {
color:#fff;
}

#colContACTU {
overflow:auto;
float:left;
width:200px; /* 200px */
height:540px;
background:url(../images/bg_col_2.gif) repeat-y;
}
#colContACTU h2 {
display:block;
background:url(../images/bg_h2_actu.gif);
color:#fff;
padding:20px 0 0 10px;
height:20px; /* 40px */
margin:0;
}
#colContACTU .blocActu {
padding:10px;
border-bottom:1px solid #eceded;
}
#colContACTU .blocActu h3 em {
display:block;
font-style:normal;
font-size:11px;
font-weight:100;
}
#colContACTU .blocActu p {
color:#8a90a2;
}

/* Sous menu
   --------------------------------------------------------------
*/

#subMenu {
list-style:none;
margin:0 0 20px 0;
padding:0;
height:38px;
}

#subMenu li {
float:left;
margin:0;
padding:0;
background:#f5f6f6 url(../images/puce_li.gif) 5px 17px no-repeat;
}

#subMenu li a {
display:block;
width:130px;
padding:10px;
border:1px solid #f5f6f6;
border-bottom:1px solid #ccc;
text-decoration:none;
}

#subMenu li a:hover {
border:1px solid #ccc;
border-bottom:1px solid #fff;
color:#eb690a;
background:#fff;
}

#subMenu li a.selected {
border:1px solid #ccc;
border-bottom:1px solid #fff;
color:#eb690a;
background:#fff;
cursor:default;
}

/* Menu bloc horizontal
   --------------------------------------------------------------
*/

#menuBH {
list-style:none;
margin:0 0 20px 0;
padding:0;
height:50px;
}

#menuBH li {
float:left;
margin:0;
padding:0;
background:#f5f6f6 url(../images/puce_li.gif) 10px 17px no-repeat;
}

#menuBH li a {
display:block;
width:120px;
padding:10px;
margin:0 5px 0 5px;
border:1px solid #ccc;
text-decoration:none;
}

#menuBH li a:hover {
color:#eb690a;
background:#fff;
}

#menuBH li a.selected {
color:#eb690a;
background:#fff;
cursor:default;
}

/* Integration GMAP
   --------------------------------------------------------------
*/

#planAcces {
width:310px;
height:350px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: CLASS
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

.clearBoth {
clear:both;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.floatLeftIMG {
float:left;
margin:0 10px 10px 0;
}

.noBorder {
border:none;
}

.sep {
border-bottom:1px solid #d7d9d9;
margin:10px 0 20px 0;
}

.guillTem {
color:#eb690a;
font:bold 18px Arial, Helvetica, sans-serif;
}

.guillTem2 {
color:#eb690a;
font:bold 14px Arial, Helvetica, sans-serif;
}

/* Blocs prestation texte colone
   --------------------------------------------------------------
*/

.blocColoneX2, .blocColoneX3, .blocColoneX4 {
float:left;
padding:10px;
width:45%;
}

.blocColoneX3 {
width:30%;
}

.blocColoneX4 {
width:21%;
}

.blocColoneX2 h2, .blocColoneX3 h2, .blocColoneX4 h2 {
margin-top:0;
}

/* Blocs contenu
   --------------------------------------------------------------
*/

.blocCont01 {
padding:10px 20px 20px 20px;
border-bottom:1px solid #d7d9d9;
}

.blocCont02, .blocCont03 {
padding:20px;
margin:0 0 20px 0;
background:#f2fafd;
border:1px solid #d9f1fa;
}

.blocCont03 {
background:#d6effa;
border:none;
}

.blocCont02 h2, .blocCont03 h2 {
margin-top:0;
}
.blocCont02 ul, .blocCont03 ul{
margin:0;
}
.blocCont02{
overflow:auto;
}

/* Liste des visuels
   --------------------------------------------------------------
*/

.visu01 {
background:#eaeaea url(../photos/header_01.jpg) no-repeat;
}

.visu02 {
background:#eaeaea url(../photos/header_02.jpg) no-repeat;
}

.visu03 {
background:#eaeaea url(../photos/header_03.jpg) no-repeat;
}

.visu04 {
background:#eaeaea url(../photos/header_04.jpg) no-repeat;
}

.visu05 {
background:#eaeaea url(../photos/header_05.jpg) no-repeat;
}

.visu06 {
background:#eaeaea url(../photos/header_06.jpg) no-repeat;
}

.visu07 {
background:#eaeaea url(../photos/header_07.jpg) no-repeat;
}

/* Gros blocs
   --------------------------------------------------------------
*/
.grosbloc {
display:block;
padding:30px 10px 30px 10px;
font-size:12px;
font-weight:bold;
color:#009ee0;
background:#d6effa;
border:1px solid #d9f1fa;
}

/* Tableaux
   --------------------------------------------------------------
*/
.tab01 {
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin:10px 0 5px 0;
}
.tab01 td {
padding:5px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.tab01 thead td {
border-bottom:4px solid #ccc;
font-weight:bold;
background:#f5f6f6;
}
.tab01 td.tdBG {
background:#f5f6f6;
}

.tab02 td {
padding:5px;
}
.tab02 tfoot td {
padding:5px;
border:none;
}
.tab02 table td {
border:none;
}

/* --- MESSAGE ERREUR SAISIE FORMULAIRE --- */

.erreur_form {
font:12px Arial, Helvetica, sans-serif;
font-weight: bold ;
color:red;
}