@charset "utf-8";


/*global default styles*/
html {height: 100%;}
img {border: 0;}
li {padding: 0; margin: 0; list-style-type: none;}
ul {padding: 0; margin: 0;}


/*base default font size, type, and line height*/
body {font: 76%/1.4em Arial, Helvetica, sans-serif; background: url(../images/bg.gif) repeat-x #002f5d; color:#001324; padding: 30px 0; margin: 0;}

/*add selectors here for font sizing*/
p {font-size: 1.0em}
h1 {padding: 0; margin: 0; text-indent: -9999px;}
h1 a {text-decoration: none;}
h2 {padding: 0; margin: 0; text-indent: -9999px;}
h3 {padding: 10px 0 0 0; margin: 0; color: #002f5d;}

.hide {display: none;}

/* LINKS */
a {outline: none;}
a:link {color: #b2c600; text-decoration: underline;}
a:visited {color: #8d8d8d; text-decoration: underline;}
a:hover {color: #8d8d8d; text-decoration: none;}
a:visited:hover {color: #404040; text-decoration: none;}
a:active {color: #f10000; text-decoration: none;}

/* GLOBAL */

div#container {margin: 0 auto; text-align: left; width: 602px; background: #fff;}


/* HEADER */

h1#header {background: url(../images/header.png) no-repeat; height: 138px;}
h1#header a {display: block; height: 138px; width: 600px; text-decoration: none;}

ul#menu {background: #c6db00; padding-left: 32px; height: 46px;}
ul#menu li {float: left; height: 46px; text-indent: -9999px;background: #c6db00;}
ul#menu li a {display: block; background: no-repeat; height: 46px; text-decoration: none;}
ul#menu li#accueil {background: url(../images/b_accueil.gif); width: 99px;}
ul#menu li#accueil a:hover {background: url(../images/b_accueil-on.gif); width: 99px;}
ul#menu li#accueil.on {background: url(../images/b_accueil-on.gif); width: 99px;}
ul#menu li#services {background: url(../images/b_services.gif); width: 97px;}
ul#menu li#services a:hover {background: url(../images/b_services-on.gif); width: 97px;}
ul#menu li#services.on {background: url(../images/b_services-on.gif); width: 97px;}
ul#menu li#coordonnees {background: url(../images/b_coordonnees.gif); width: 144px;}
ul#menu li#coordonnees a:hover {background: url(../images/b_coordonnees-on.gif); width: 144px;}
ul#menu li#coordonnees.on {background: url(../images/b_coordonnees-on.gif); width: 144px;}
ul#menu li#liens {background: url(../images/b_liens.gif); width: 69px;}
ul#menu li#liens a:hover {background: url(../images/b_liens-on.gif); width: 69px;}
ul#menu li#liens.on {background: url(../images/b_liens-on.gif); width: 69px;}


/* CONTENT */

div#content {width: 320px; float: left; margin: 30px 0 0 25px;}
html>body div#content {margin: 30px 0 0 52px;}

p#intro {font-weight: bold; font-size: 1.1em;}
p#citation {font-size: 1.4em; font-style:oblique;line-height: 1.4em;}

h1#bienvenue {background: url(../images/t_bienvenue.gif) no-repeat; height: 50px;}
h1#services {background: url(../images/t_services2.gif) no-repeat; height: 50px;}
h1#coordonnees {background: url(../images/t_coordonnees.gif) no-repeat; height: 50px;}
h1#liens {background: url(../images/t_liens.gif) no-repeat; height: 50px;}

h2#services {background: url(../images/t_services.gif) no-repeat; height: 50px;}
h2#vision {background: url(../images/t_notrevision.gif) no-repeat; height: 50px;}
h2#coordonnees {background: url(../images/t_coordonnees2.gif) no-repeat; height: 50px;}

div#col {width: 180px; float: right; margin: 30px 15px 0 0;}
html>body div#col {margin: 30px 25px 0 0;}

div#col li p {margin: 5px 0 10px 0; color: #669ACC;}

div#col h3 {font-size: 1.2em;}

div#content ul#list {font-size: 1.2em;}
div#content ul#list li{background: url(../images/bullet.gif) no-repeat; padding: 0 0 0 20px; line-height: 1.4em;}

div#content ul#list2 {}
div#content ul#list2 li{background: url(../images/bullet2.gif) no-repeat; padding: 0 0 0 20px; line-height: 1.1em;}

div#content ul#list3 {margin: 20px 0 0 0;}
div#content ul#list3 li{ padding: 0 0 20px 0; line-height: 1.5em;}


div#content h3 {font-size: 1.4em; padding: 15px 0 5px 0; margin: 0 0 10px 0; color: #c6db00;}


/* FOOTER */


div#footer {height: 111px; background: no-repeat; color: #669ACC; padding: 80px 0 0 52px;}
div#footer a { color: #669ACC;}
div#footer ul li {display: inline; padding: 0 0.5em; border-right: solid 1px #B3CCE6;}
div#footer ul li.first {padding-left: 0;}
div#footer ul li.last {border-right: none;}
div#footer p {padding: 0; margin: 0;}

div#footer.index {background: url(../images/footer_index.jpg);}
div#footer.services {background: url(../images/footer_services.jpg);}
div#footer.coordonnees {background: url(../images/footer_coordonnees.jpg);}
div#footer.liens {background: url(../images/footer_liens.jpg);}