@charset "utf-8";
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-image:url('../images/background.jpg'); background-position:top; background-repeat:repeat-x;}
p { text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2e2e2e; font-weight:normal;}
h1 { color:#b90604; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
h2 { color:#50277d; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

a img, img {border:none; margin:0px; padding:0px;}
a, a:visited {text-decoration:none; color:#971615;}
a:hover {text-decoration:underline; color:#971615;}

/* Spéciaux */
.enSavoirPlus { padding-left:45px; padding-top:8px; width:253px; height:25px; background-image:url(../images/tp-en-savoir-plus.jpg); background-repeat:no-repeat;}
.telecharger { padding-left:15px; padding-top:8px; width:213px; height:25px; background-image:url(../images/tp-telecharger-solution.jpg); background-repeat:no-repeat;}
.retourSolution { padding-left:15px; padding-top:8px; width:139px; height:25px; background-image:url(../images/tp-retour.jpg); background-repeat:no-repeat;}

/* Mise en page */
#header {height:100px;}
#header-container {margin: 0 auto; width:990px; position:relative;}
#header-left {float:left; width:331px; padding-top:5px; padding-left:15px;}
#header-right {float:right; width:200px; text-align:right; padding-top:5px;}
#header-center{ height:100px; margin-left:200px; margin-right:0px; text-align:right;}
#menu {padding-top:70px; color:#7f7e83; text-align:right; }
#menu a, #menu a:visited { color:#7f7e83; text-decoration:none;}
#menu a:hover{ color:#971615; text-decoration:none;}

#menu-qui-sommes-nous { position:absolute; top:100px; left:-2000px; background-color:#fff; padding:5px 15px 5px 5px ;}
#menu-qui-sommes-nous a, #menu-qui-sommes-nous a:visited { color:#7f7e83; text-decoration:none;}
#menu-qui-sommes-nous a:hover{ color:#971615; text-decoration:none;}

#menu-services { position:absolute; top:100px; left:-2000px; background-color:#fff; padding:5px 15px 5px 5px ;}
#menu-services a, #menu-services a:visited { color:#7f7e83; text-decoration:none;}
#menu-services a:hover{ color:#971615; text-decoration:none;}

#border { height:25px; background-color:#B2100D;}
#border-center {margin:0 auto; width:990px; height:25px; background: url(../images/bordure.jpg) repeat-y;}
#border-center2 { background-image:url(../images/bordure-fond-png.png); background-repeat:no-repeat; background-position:top; width:990px; height:25px; }
#main {overflow:hidden; height:770px;}

#global { margin: 0 auto; width:990px;}
#bandeau {height:130px;}
#ariane { color:#7f7e83; font-weight:normal; font-size:11px;}
#ariane a, #ariane a:visited { color:#7f7e83; font-weight:normal; text-decoration:none;}
#ariane a:hover { color:#6f449a; font-weight:normal; text-decoration:none;}
#centre {padding:0px 15px 0 15px; height:583px; overflow:hidden; background-image:url('../images/centre-fond.png'); background-position:bottom left; background-repeat:no-repeat;}
#contenu { padding-top:25px; overflow:visible;}
#gauche {float:left; width:220px; height:551px;}
#gauche div {color:#2e2e2e; font-weight:bold; font-size:11px; line-height:15px;}
#gauche div a, #gauche div a:visited {color:#2e2e2e; font-weight:bold; font-size:11px; text-decoration:none;}
#gauche div a:hover {color:#971615; text-decoration:none;}
#droite {float:right; width:210px;}
#milieu { margin-left:220px; margin-right:220px; padding-right:5px; padding-left:30px;}
#pied {width:990px; margin:0 auto; color:#d7d7d7; font-weight:normal; padding:10px 0;}
#pied a, #pied a:visited { text-decoration:none; color:#d7d7d7;}
#pied a:hover {color:#fff; text-decoration:none;}

/* Mise en page intro */
#intro-bandeau {height:442px; background-image:url(../images/intro-bandeau.jpg); background-repeat:no-repeat; background-position:top left;}
#intro-centre, #intro-gauche, #intro-droite {height:242px;}
#intro-gauche {width:8px; float:left; background:url(../images/intro-left-bg.jpg) no-repeat top left;}
#intro-droite {width:11px; float:right; background:url(../images/intro-right-bg.jpg) no-repeat top left;}
#intro-contenu {background:url(../images/intro-bg.jpg) repeat-x top left; padding-top:15px; height:227px;}
#intro-bloc-conteneur, .intro-bloc {height:210px;}
.intro-bloc {width:184px; float:left; margin-left:9px;}
.intro-bloc-texte {width:160px; height:90px; padding:10px 10px 0 10px; margin-top:102px; margin-left:2px; font-size:11px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
.intro-bloc-texte p {margin-top:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* Mise en forme */
#slogan {padding-left:5px; position:relative; top:-40px;}

.element-menu {border-right:1px solid #ccc; padding:5px 15px 13px 15px;}
.element-menu:hover { color:#971615;}

#menu-gauche {}
.element-menu-gauche {margin-bottom:5px;}
#liste-gauche {margin-left:5px; display:none; margin-bottom:10px;}
#image-gauche {margin-top:20px;}

.cadre-droite {margin-bottom:10px;}

#pied-droite { float:right; margin-right:16px;}
#pied-gauche {margin-left:14px;}
.element-pied {margin-right:40px;}

/* Ariane */
#ariane {}
#ariane a, #ariane span{}
.fleche {}

/* Formulaire */
.form div {padding-bottom:5px;}
.form90 {display:block; width:90px; float:left; padding-right:20px;}
.form120 {display:block; width:120px; padding-right:20px; float:left;}
.form140 {display:block; width:140px; padding-right:20px; float:left;}

/* Aides */
.ok {padding:5px 0; font-weight:bold; background-color:#c4e4e1; border-top:1px solid #006f52; border-bottom:1px solid #006f52; text-align:center; color:#000;}
.err {padding:5px 0; font-weight:bold; background-color:#FAC0CA; border-top:1px solid #C40929; border-bottom:1px solid #C40929; text-align:center; color:#000;}

/* Commun */
.pointer {cursor:pointer;}
.default {cursor:default;}
.center {text-align:center;}
.right {text-align:right;}
.gras {font-weight:bold;}
.w300 {width:300px;}
.w350 {width:350px;}
.w450 {width:450px;}
.w500 {width:500px;}
.w550 {width:550px;}

/* Formulaire */
ul.form input,ul.form textarea { border:#50277d 1px solid;}

/* Intro */
#securiser {background:url(../images/intro-securiser.jpg) no-repeat top left;}
#securiser:hover {background:url(../images/intro-securiser-over.jpg) no-repeat top left;}
#optimiser {background:url(../images/intro-optimiser.jpg) no-repeat top left;}
#optimiser:hover {background:url(../images/intro-optimiser-over.jpg) no-repeat top left;}
#acceder {background:url(../images/intro-acceder-partager.jpg) no-repeat top left;}
#acceder:hover {background:url(../images/intro-acceder-partager-over.jpg) no-repeat top left;}
#superviser {background:url(../images/intro-superviser.jpg) no-repeat top left;}
#superviser:hover {background:url(../images/intro-superviser-over.jpg) no-repeat top left;}
#amenager {background:url(../images/intro-amenager-connecter.jpg) no-repeat top left;}
#amenager:hover {background:url(../images/intro-amenager-connecter-over.jpg) no-repeat top left;}

#news {width:233px; height:207px; background:url(../images/news.png) no-repeat top left; position:absolute; top:340px; left:0; z-index:100;}
#news-fermeture {width:13px; height:13px; margin-left:205px; margin-top:15px; cursor:pointer;}
#news-contenu {margin-left:26px; margin-top:50px; width:185px; height:105px; overflow:hidden;}
#news-contenu p {margin-top:0;}

/* jQuery osX Style */
.osX .jScrollPaneTrack {
	background: url(../images/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
	background: url(../images/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
	background: url(../images/osx_drag_top.gif) no-repeat;
	height: 6px;
}
.osX .jScrollPaneDragBottom {
	background: url(../images/osx_drag_bottom.gif) no-repeat;
	height: 7px;
}
.osX a.jScrollArrowUp {
	height: 24px;
	background: url(../images/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
	background-position: 0 0;
}
.osX a.jScrollArrowDown {
	height: 24px;
	background: url(../images/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
	background-position: 0 0;
}