/*********************/
/* 	    Reset	     */
/*********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background-image: transparent;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
ul,li {
list-style:none;
padding:0;
margin:0;
}
img {
border:none;
}

q {
quotes: "«" "»" "'" "'";
}
/*********************/
/* 	  Généralités    */
/*********************/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*background:#121212;*/
background:#191919;
color:#a5a5a5;
line-height:15px;
}
body a, body a:visited {
text-decoration:none;
color:#e30059;
}
body a:hover, body a:focus {
text-decoration:underline;
color:#e30059;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
padding-right:35px;
margin:5px 0 0 0;
background:url(../media/interface/h1-bg.gif) top right no-repeat;
color:#fff;
display:inline;
}
h1.home{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding:0 30px;
margin:80px 0 0 0;
background:url(../media/interface/h1-bg.gif) bottom right no-repeat;
color:#fff;
display:inline;
float:left;
line-height:18px;
width:170px;
}
h2.accesrapide {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:2px 0 0 0;
color:#eee;
font-weight:bold;
border-bottom:none;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin:2px 0 10px 0;
padding:0 0 6px 0;
/*color:#e30059;*/
color:#eee;
font-weight:bold;
border-bottom:1px dotted #333;
}

h3{
}
h4 {
}
h5 {
}
p {
padding:2px 3px 5px 3px;
}
ul.puce li {
margin:1px 0 1px 5px;
padding:0 0 0 10px;
background:url(../media/interface/puce.gif) top left no-repeat;
background-position:0 5px;
} 
.small{
font-size:10px;
text-align:justify;
font-weight:normal;
}
.gris {
color:#666;
}
.rose {
color:#e30059;
}
.blanc {
color:#fff;
}
.clear { 
clear: both;
font-size: 1px;
line-height: 1px;
height:1px;
margin:0;
padding:0;
}
.sep {
font-size:1px;
line-height:1px;
height:1px;
padding:0;
margin:10px 8px 15px 4px;
border-top:1px solid #e0e0e0;
}
.sep-pointille {
font-size:1px;
line-height:1px;
height:1px;
padding:0;
margin:5px 10px 5px 0;
border-top:1px dotted #ccc;
}
.fl{
float:left;
}
.fr{
float:right;
}
img.fl{
margin:0 10px 0 0;
}
img.fr{
margin:0 0 0 10px;
}
.l{
text-align:left;
}
.c{
text-align:center;
}                
.r{
text-align:right;
}
.justify{
text-align:justify;
} 
.cadre {
float:left;
background:#ccc;
width:100%;
}
img.nomargin, .nomargin {
margin:0;
}

/*********************/
/* 	    Header	     */
/*********************/
#header {
position:relative;
margin:0 auto;
width:720px;
height:131px;
}
a#logo {
position:absolute;
top:0;
left:0;
margin:0 0 0 -37px;
width:131px;
height:131px;
background:url(../media/interface/logo.jpg) top left no-repeat;
clear:both;
}
a:hover#logo {
color:#000;
text-decoration:none;
}
#navigation {
float:left;
width:720px;
height:40px;
background:url(../media/interface/nav-bg.jpg) top left repeat-x;
margin:91px 0 0 0;
}
/*#navigation ul li {
display:inline;
}*/
#navigation ul {
margin:0 0 0 204px;
width: 516px;
height: 40px;
list-style: none;
background: transparent url(../media/interface/navigation.gif) top left no-repeat;
}
#navigation li {
float: left;
padding: 0;
margin:0;
text-indent: 50px;
}
#navigation li a {
display: block;
height: 40px;
/*width: 145px;*/
text-decoration: none;
font-size: 1px;
line-height: 40px;
color: #C6C1A3;
}
#navigation li a span {
position: absolute;
left: -5000px;
}
#navigation li a:hover {
background: transparent url(../media/interface/navigation.gif) top left no-repeat;
}
#navigation a#index {
width:104px;
}
#navigation a#presentation {
width:103px;
}
#navigation a#formation {
width:103px;
}
#navigation a#pro {
width:103px;
}
#navigation a#contact {
width:103px;
}
#navigation a#index:hover, #navigation a#indexactive, #navigation a#indexactive:hover {
background: transparent url(../media/interface/navigation.gif) 0px -40px no-repeat;
width:104px;
}
#navigation a#presentation:hover, #navigation a#presentationactive, #navigation a#presentationactive:hover {
background: transparent url(../media/interface/navigation.gif) -104px -40px no-repeat;
width:103px;
}
#navigation a#formation:hover, #navigation a#formationactive, #navigation a#formationactive:hover {
background: transparent url(../media/interface/navigation.gif) -207px -40px no-repeat;
width:103px;
}
#navigation a#pro:hover, #navigation a#proactive, #navigation a#proactive:hover {
background: transparent url(../media/interface/navigation.gif) -310px -40px no-repeat;
width:103px;
}
#navigation a#contact:hover, #navigation a#contactactive, #navigation a#contactactive:hover {
background: transparent url(../media/interface/navigation.gif) -413px -40px no-repeat;
width:103px;
}


/*********************/
/* 	    Content	     */
/*********************/

#content {
position:relative;
margin:0 auto;
width:720px;
background:#080808 url(../media/interface/visuel-left.jpg) top left no-repeat;
}
#content-home {
position:relative;
margin:0 auto;
width:720px;
background:#000 url(../media/images/accueil/accueil-visuel-left.jpg) top left no-repeat;
}
#contenu {
float:right;
margin:25px 0 20px 0;
padding-right:23px;
width:460px;
}
#contenu-home {
float:right;
margin:0 20px 16px 0;
width:475px;
/*background:#070707 url(../media/interface/home-bg.jpg) top left repeat-x;*/
height:346px;
}
#contenu-home p {
margin:0 0 0 30px;
}
#acces-rapide {
float:left;
width:720px;
background:#121212 url(../media/interface/acces-rapide-bg.gif) top left repeat-x;
height:96px;
/*padding-left:220px;*/
}
#acces-rapide .colonne {
float:left;
width:163px;
height:92px;
background:none;
font-size:11px;
color:#898989;
margin:15px 0 0 0;
}
#acces-rapide .colonne a, #acces-rapide .colonne a:visited, #acces-rapide .colonne a:hover, #acces-rapide .colonne a:focus{
font-size:11px;
color:#898989;
}

#acces-rapide .colonne-sep {
float:left;
width:1px;
height:86px;
border-left:1px solid #000;
background:#222;
margin:5px 15px 10px 2px;
}

/***** Home *****/
#logo-anim {
float:left;
width:243px;
height:220px;
margin:0 0 0 100px;
/*background:url(../media/images/accueil/logo-anim.gif) top left no-repeat;*/
}


/*********************/
/* 	    Footer	     */
/*********************/
#footer {
position:relative;
margin:0 auto;
width:720px;
}
#footer a#realisation {
float:right;
background:url(../media/interface/actweb.gif) top left no-repeat;
width:59px;
height:15px;
margin:17px 5px 0 10px;
}
#footer #footer-content {
float:right;
color:#353535;
font-size:10px;
margin:20px 0 30px 0;
}
#footer #footer-content a, #footer #footer-content a:visited, #footer #footer-content a:hover, #footer #footer-content a:focus {
color:#353535;
}