/*
+---------------+
|	GENERAL		|
+---------------+
*/
html, body,
h1, h2, h3, h4, h5, h6,
div, span,
p, blockquote, cite, q, pre,
dl, dt, dd,
ol, ul, li,
abbr, acronym,
font, big, small, strike, s, strong, ins, del, em,
samp, kbd, dfn, code, tt, var, address,
a,
img,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
applet, object, iframe {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus {outline:0;}

body {
	color:#000;
	line-height:1;
	background:#FFF;
}
strong {font-weight:bold;}
em {font-style:italic;}



ol, ul {list-style:none;}

table {
	border-collapse:separate;
	border-spacing:0; /* tables still need 'cellspacing="0"' in the markup */
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}

abbr, acronym {
	cursor:help;
	border:0;
	border-bottom-width:1px;
	border-style:dotted;
}

pre, code, var {
	font-family:Courier, monospace;
}

kbd {
	padding:1px;
	color:#000;
	font-family:Courier, monospace;
	border:1px solid #EEE;
	border-top-color:#FAFAFA;
	border-left-color:#FAFAFA;
	border-right-color:#838383;
	border-bottom-color:#838383;
	background:#EEE;
}


blockquote:before,
cite:before,
blockquote:after,
cite:after {content:"";}
q:before {content:'"';}
q:after {content:'"';}
blockquote, cite{quotes:"" "";}
q {quotes:'"' '"';}



/*
+---------------+
|	UTILES		|
+---------------+
*/
.clear:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}
* html .clear {height:1%;}
*:first-child+html .clear{min-height:1%;}

.none {
	position:absolute;
	top:-9999px;
	left:-9999px;
}




/*
+---------------+
|	Contenu		|
+---------------+
*/
body {	
	font:.8em/1.2 Arial, Helvetica, sans-serif;
	background:#f2f1f6;
	margin:15px 0;
}
#wrapper {
	width:961px;
	min-height:347px;
	height:auto!important;
	height:347px;
	margin:0 auto;
	padding:13px;
	background:url(../images/design/fond-ombre.gif) 0 0 no-repeat;
}
#conteneur {
	position:relative;
	background:#FFF url(../images/design/conteneur-degrade-bottom.gif) left bottom repeat-x;
}
#conteneur-inner {
	min-height:495px;
	height:auto!important;
	height:495px;
	background:url(../images/design/conteneur-degrade-top.gif) left top repeat-x;
}
#conteneur-inner {
	padding:0 29px 29px 29px;
}

/* Header */
#header {
	height:85px;
}
.interieure #header {
	height:auto;
}
#header h1 {
	position:absolute;
	left:21px;
	top:-28px;
	z-index:1000;
}
.interieure #header h1 {
	left:35px;
}

#header-baseline {
	padding:18px 0 0 128px;
}
.interieure #header-baseline {
	padding:21px 0 0 137px;
	*padding-bottom:3px;
}
#bandeau {
	position:relative;
	z-index:100;
	height:62px;
	background:url(../images/design/bandeau-visuel.jpg) 0 0 no-repeat;
}
#bandeau #transverses {
	position:absolute;
	top:-26px;
	right:0;
	width:245px;
}
#bandeau #transverses .onglet {
	float:none;
	width:auto;
	margin:0;
	width:245px;
}
#bandeau #transverses .onglet ul {
	height:52px;
}
#bandeau #transverses .onglet ul li {
	background:none;
}
#bandeau #transverses .onglet ul li a,
#bandeau #transverses .onglet ul li span {
	background:none;
	padding:1px 0;
}

/* Menu */
#menu {
	padding:0 0 0 128px;
	background:url(../images/design/menu-separateur.gif) 127px top no-repeat;
}
#menu li {
	float:left;
}
#menu li a {
	float:left;
	padding:8px 12px 5px;
	color:#5a5a5a;
	text-decoration:none;
	background:url(../images/design/menu-separateur.gif) right top no-repeat;
}
#menu li a.on {
	color:#064da9;
}
#menu li a:hover {
	background-color:#EEE;
}




/* Formulaire Login */
#form-login {
	position:absolute;
	top:-22px;
	right:0;
	color:#777;
	font-size:.8em;
}
* html #form-login {
	right:15px;
}
#form-login p {
	display:inline;
}
#form-login a {
	color:#777;
	margin:0 0 0 17px;
}
#form-login input {
	vertical-align:middle;
	font:1em/1.2 Arial, Helvetica, sans-serif;
}
#tx-newloginbox-pi1-user,
#tx-newloginbox-pi1-pass {
	width:115px;
	height:12px;
	border:1px solid #cdcdcf;
	background:url(../images/design/form-login-input-fond.gif) 0 0 no-repeat;
}
#tx-newloginbox-pi1-user {
	margin:0 17px 0 0;
}


/* Splash */
#splash {
	position:relative;
	height:347px;
	margin:0 0 23px;
}
#splash-barres {
	height:347px;
	background:url(../images/design/splash-barres.gif) 0 0 no-repeat;
}

#splash-visuel {
	width:100%;
	height:347px;
	background:url(../images/design/splash-visuel.jpg) 0 0 no-repeat;
}

#splash-droite {
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	width:245px;
	height:347px;
	background:url(../images/design/splash-droite.png) 0 0 no-repeat;
}
#splash-droite ul {
	margin:0 18px 0 32px;
	padding:141px 0 0;
}
#splash-droite ul li {
	display:block;
	padding:3px 0;
	background:url(../images/design/separateur-dot.gif) left bottom repeat-x
}
#splash-droite ul li span {
	display:block;
	padding:0 0 0 14px;
	background:transparent url(../images/design/puce-orange.gif) no-repeat scroll 0 8px;
}



#splash-ticker {
	position:absolute;
	right:80px;
	top:-70px;
	z-index:200;
}
#splash-flux {
	padding:23px 0 0 19px;
}
#splash-accroche {
	position:absolute;
	right:233px;
	top:212px;
	z-index:150;
	width:570px;
	height:93px;
	width:570px;
}
#splash-accroche-inner {
	position:relative;
	height:93px;
}
#splash-accroche-fond {
	position:absolute;
	width:570px;
	height:93px;
	background:#1e4579;
	opacity:.5;
}
* html #splash-accroche-fond {
	filter:alpha(opacity=50);
}
*:first-child+html #splash-accroche-fond {
	filter:alpha(opacity=50);
}
#splash-accroche-txt {
	position:absolute;
	height:93px;
	padding:19px 0 0 22px;
}


#transverses .onglet {
	float:left;
	margin:0 1px 0 0;
	width:33.2%;
}
#transverses .onglet h2 img {
	display:block;
}
#transverses .onglet ul {
	padding:5px 11px;
	background-position:right bottom;
	background-repeat:no-repeat;
}
.onglet-services ul {
	background:url(../images/design/onglet-services-fond.jpg);
}
.onglet-reseau ul {
	background:url(../images/design/onglet-reseau-fond.jpg);
}
.onglet-coordonnees ul {
	background:url(../images/design/onglet-coordonnees-fond.jpg);
}
#transverses .onglet ul li {
	background:url(../images/design/separateur-dot.gif) left bottom repeat-x
}
#transverses .onglet ul li.last {
	background:none;
}
#transverses .onglet ul li a,
#transverses .onglet ul li span {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	padding:5px 0 4px 12px;
	background-position:2px 10px;
	background-repeat:no-repeat;
}
* html #transverses .onglet ul li a,
* html #transverses .onglet ul li span {
	padding-top:2px;
	background-position:2px 7px;
}
*:first-child+html #transverses .onglet ul li a,
*:first-child+html #transverses .onglet ul li span {
	padding-top:2px;
	background-position:2px 7px;
}
#transverses .onglet ul li a {
	background-image:url(../images/design/puce-fleche.gif);
}
#transverses .onglet ul li a:hover {
	text-decoration:underline;
}
#transverses .onglet ul li span {
	background-image:url(../images/design/puce-blanche.gif);
}



/* Contenu */
#content {
	border:1px solid #d2d2d2;
	background:#FFF url(../images/design/content-barres.gif) left top no-repeat;
}
#content-visuel {
	min-height:395px;
	height:auto!important;
	height:395px;
	/*background:url(../images/design/content-visuel.jpg) right top no-repeat;*/
}
#content-inner {
	width:787px;
	padding:35px 15px 15px;
}
#content h2 {
	padding:.5em 0 1em 0;
	color:#064DA9;
	font-size:1.4em;
	font-weight:normal;
	background:url(../images/design/interieure-titre-fond.gif) left bottom no-repeat;
}
#content h3 {
	color:#064DA9;
	font-weight:bold;
}
span.titre {
	color:#064DA9;
	font-weight:bold;
}
#content p {
	color:#5A5A5A;
	margin:0 0 .5em;
	font-size:.9em;
	text-align:justify;
}
#content p.soustitre {
	margin:0 0 .3em;
	font-size:.85em;
	color:#71cdcc;
	font-style:italic;
}
#content p.visuel-gch {
	float:left;
	margin:0 1em 0 0;
	border-right:6px solid #2d71bc;
}
#content p.visuel-gch img {
	display:block;
}

#content span.separateur {
	clear:both;
	display:block;
	overflow:hidden;
	padding:1em 0;
	background:url(../images/design/separateur-dot-gris.gif) center center repeat-x;
}
*:first-child+html #content span.separateur {
	padding:.5em 0;
}

.cadre-middle {
	clear:both;
	width:787px;
	position:relative;
	left:-5px;
	top:-6px;
	background:url(../images/design/cadre-middle.gif) 0 0 repeat-y;
}
.cadre-top {
	background:url(../images/design/cadre-top.gif) 0 top no-repeat;
}
.cadre-bottom {
	padding:5px;
	background:url(../images/design/cadre-bottom.gif) 0 bottom no-repeat;
}
.cadre-inner {
	padding:15px;
}