/************************************/
/*            CSS Document          */
/*  http://www.inbetween.fr/        */
/*  Dev:Thésée Communication        */
/*      BR 090505           */
/************************************/



/**************/
/*  Elements  */
/**************/


/* supprimer la bordure des images-lien */
a img { border:0px; }

/* supprimer les espaces indésirables sous images (IE) */
img { display:inline; }

/* supprimer les espaces autour des formulaires */
form { margin:0px; padding:0px; }


html, td, p {
	font-family:Trebuchet MS,arial,helvetica,sans-serif;;
	font-size:11px;
    }

input, textarea, select, option {
    font-family:arial,helvetica,sans-serif;
    font-size:11px;
    color:#000;
    }

ul { margin-top:0;}

body {
	color:#000000;
	background-color:#1a171b;
	margin:0;
	padding:0;
}

/* 253f50 669cc0 */

hr { color:#232323; height:0px; width:20%; margin:20px 40% 20px; border:0; border-top:1px solid #fff; }
h1 { color:#232323; margin:0px; font-size:18px; font-family:trebuchet MS, tahoma, verdana, arial, sans-serif; margin-bottom:15px; font-weight:bold; text-align:left;   }
h2 { color:#467491; font-family:Trebuchet MS,arial; font-size:14px; text-align:left; margin-top:15px; margin-bottom:5px; }
h3 { color:#467491; font-family:Trebuchet MS,arial; font-size:13px; text-align:left; font-weight:bold; }
h4 { color:#253f50; margin:0px; font-size:13px; font-family:arial, sans-serif; margin-bottom:10px; }
h5 { color:#008fc2; margin:0px; font-size:13px; font-family:Trebuchet MS, verdana,arial, sans-serif; padding:0;}
p { font-family:Trebuchet MS,arial; font-size:11px; margin:0; }

th { font-weight:bold; }

/* styles de liens par défaut */

a { color:#232323; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}



#wrapper {
	vertical-align:top;
	position:absolute;
	left:50%;
	margin-left:-440px;
	}

#container {
	width:880px;
	margin:0;
  }


#logo h1{
	text-align:center;
}

/************************/
/*  MENU  TOP           */
/************************/


#menutop { margin:5px 0 10px; }
#menutop li{ display:inline; border-left:1px solid #595959; padding:0 15px 0; }
#menutop a{ color:#fff;}
#menutop a:hover{ color:#ff4e01;}
#menutop .first{ border:0; }
#menutop .last{ padding-right:0; }


/************************/
/* BIG MENU             */
/************************/

#bigmenu_01 {
	width:195px;
	height:160px;
	background:url('/images/bigmenu_01.jpg') no-repeat;
	border:0;
	}
#bigmenu_01.notsel{ width:195px; height:160px; background:url('/images/bigmenu_01b.jpg') no-repeat;border:0; }
	
#bigmenu_02 {
	width:195px;
	height:160px;
	background:url('/images/bigmenu_02.jpg') no-repeat;
	border:0;
	}
#bigmenu_02.notsel{ width:195px; height:160px; background:url('/images/bigmenu_02b.jpg') no-repeat;border:0; }

#bigmenu_03 {
	width:195px;
	height:160px;
	background:url('/images/bigmenu_03.jpg') no-repeat;
	border:0;
	}
#bigmenu_03.notsel{ width:195px; height:160px; background:url('/images/bigmenu_03b.jpg') no-repeat;border:0; }

#bigmenu_04 {
	width:195px;
	height:160px;
	background:url('/images/bigmenu_04.jpg') no-repeat;
	border:0;
	}
#bigmenu_04.notsel{ width:195px; height:160px; background:url('/images/bigmenu_04b.jpg') no-repeat;border:0; }

.bigmenu-item { color:#fff; margin:7px; }
.bigmenu-item.notsel { color:#b7b7b7;margin:7px; }

.bigmenu-item img,ul { margin-bottom:3px;}
.bigmenu-item li { margin-bottom:3px;}
.bigmenu-item ul { list-style-image:url('images/puce1.gif'); }
.bigmenu-item p {  height:100px; color:#fff; text-decoration:none; }
.bigmenu-item a{ color:#fff; }
.bigmenu-item a:hover{ color:#ff4e01; }
.bigmenu-item p a:hover{ color:#fff; text-decoration:none; }
.bigmenu-item a.selected{ font-weight:bold; }


.bigmenu-list { border:0; padding:0; margin:0; margin-bottom:4px; list-style-type:none; list-style-image:none; }
.bigmenu-list li { border:0; padding:0; margin:0; background:url('images/puce3.gif') no-repeat 0px 7px; list-style-type:none; list-style-image:none; padding-left:5px; }

.lirelasuite { position:relative; text-align:right; }
.lirelasuite a{ color:#fd3101; text-decoration:underline; background:url('images/puce2.gif') no-repeat 0px 8px; padding-left:10px; }
.lirelasuite a:hover{ color:#ff4e01; text-decoration:none; }

/************************/
/* TAGS                 */
/************************/

#tagzone {
	width:780px;
	margin:20px 0px 20px;
	
}
#taglist {
	width:680px;
	margin:20px 0 20px;
	}

#taglist ul{
	margin:0;
	padding:0;
	text-align:justify;
	/* border:1px solid black; */
	}
#taglist li {
    color:#467491;
	font-size:11px;
	display:inline;
	margin:0;
	padding-right:3px;
	padding-left:3px;
	line-height:22px;
	marker-offset:0;
	/* border:1px solid grey; */
	}

#taglist li strong{ color:#000;  font-size:20px; }
#taglist li em{  color:#008fc2;  font-size:16px; font-style:normal; font-weight:bold; }

/************************/
/* CONTENU              */
/************************/

#titre { margin:20px; }
#contenu { margin: 20px 20px 20px 0; padding-left:40px; padding-right:20px; border:1px solid #e9e9e9;}

.icon-pdf { float:left; margin-right:10px; }
.documentation a{ text-decoration:none; }
.documentation a:hover{ background-color:#000; }
.documentation strong{ color:#253f50; }
.documentation em{ color:#3c3b3d; font-style:normal;}

.centrer { text-align:center; }
.bleu { color:#253f50; }
.gris { color:#3c3c3c; }
.bordure { border:1px solid #dbdbdb; }

.liste1 { list-style-image:url('images/puce1.gif'); }
.liste1 li{ margin-bottom:5px; line-height:13px; }

.liste2 { list-style-type:none; list-style-image:none; margin:0; padding:0; }
.liste2 li{ margin:0; padding:0; margin-bottom:10px; }


.rem { color:#467491; font-family:Georgia,Trebuchet MS,arial; font-size:11px; text-align:left; font-style:italic; font-weight:normal; }

.casclient {
	background-color:#dbdbdb;
	margin:0;
	padding:20px;
	border:1px solid #f3f3f3;
	font-family:Georgia,Trebuchet MS,Arial;
	}



/* BLOC 1 */
.bloc1 {
	float:right;
	width:180px;
	margin:0 0 10px 10px;
 }
.bloc1 .top { width:180px; height:20px; background:url('images/bloc1-top.gif') no-repeat bottom center;margin:0;padding:0;}
.bloc1 .main {
	background:#fbfbfb url('images/bloc1-bkd.gif') repeat-y center center;
	display:block;
	padding:0px;
	width:180px;
	/*border:1px solid #dbdbdb; */
	font-family:Georgia,Trebuchet MS,Arial;
	}
.bloc1 .btm { width:180px; height:10px; background:url('images/bloc1-btm.gif') no-repeat top center;margin:0;padding:0;}
.bloc1 p{ color:#3c3c3c; margin-bottom:10px; font-family:Georgia,Trebuchet MS,Arial;}



/* BLOC 2 */
.bloc2 {
	width:600px;
	margin:0 0 10px 10px;
 }
.bloc2 .top { width:600px; height:20px; background:url('images/bloc2-top.gif') no-repeat bottom center;margin:0;padding:0;}
.bloc2 .main {
	background:#fbfbfb url('images/bloc2-bkd.gif') repeat-y center center;
	display:block;
	padding:0px;
	width:600px;
	/*border:1px solid #dbdbdb; */
	font-family:Georgia,Trebuchet MS,Arial;
	}
.bloc2 .btm { width:600px; height:10px; background:url('images/bloc2-btm.gif') no-repeat top center;margin:0;padding:0;}
.bloc2 p{ color:#3c3c3c; margin-bottom:10px; font-family:Georgia,Trebuchet MS,Arial;}
.bloc2 h4{ color:#ff4e01; }
.bloc2 li{ margin-bottom:10px; }

/* BLOC 3 */
.bloc3 {
	width:600px;
	margin:0 0 10px 10px;
 }
.bloc3 .top { width:600px; height:20px; background:url('images/bloc3-top.gif') no-repeat bottom center;margin:0;padding:0;}
.bloc3 .main {
	background:#fbfbfb url('images/bloc3-bkd.gif') repeat-y center center;
	display:block;
	padding:0px;
	width:600px;
	/*border:1px solid #dbdbdb; */
	font-family:Georgia,Trebuchet MS,Arial;
	}
.bloc3 .btm { width:600px; height:10px; background:url('images/bloc3-btm.gif') no-repeat top center;margin:0;padding:0;}
.bloc3 p{ color:#3c3c3c; margin-bottom:10px; font-family:Georgia,Trebuchet MS,Arial;}






/************************/
/* PIED PAGE            */
/************************/

#credits a{color:#676969;text-align:right;}
#footer p{color:#c7cbcb;text-align:center; margin-bottom:20px;}

#conseils 				{	visibility:			hidden; display:none; }
#accompagnement			{	visibility:			hidden; display:none; }
#formation				{	visibility:			hidden; display:none; }
#adhoc					{	visibility:			hidden; display:none; }
#qui					{	visibility:			hidden; display:none; }
#clients				{	visibility:			hidden; display:none; }
#vuetlu					{	visibility:			hidden; display:none; }
#infos-legales			{	visibility:			hidden; display:none; }
#contact				{	visibility:			hidden; display:none; }
#fleche0				{	visibility:			hidden; display:none; }
#fleche1				{	visibility:			hidden; display:none; }
#fleche2				{	visibility:			hidden; display:none; }
#fleche3				{	visibility:			hidden; display:none; }


/************************/
/* BOUTONS              */
/************************/


a.bouton1,
button.bouton1 {
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:11px;
	font-family:Trebuchet MS,arial,helvetica,sans-serif;
	color:#898989;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;
	text-decoration:none;
	}

a.bouton1:hover{color:#fff;text-decoration:none;}
button.bouton1:hover{color:#fff;text-decoration:none;}

a.bouton1 span,
button.bouton1 span {
	position:relative;
	float:left;
	padding:0 0 0 5px;		/* Largeur du côté gauche */
	vertical-align:middle;
	background:url('/images/bouton1-left.gif') left top no-repeat;
	}

a.bouton1 span span,
button.bouton1 span span {
	padding:0 5px 0 0;		/* Largeur du côté droite */
	background:url('/images/bouton1-right.gif') right top no-repeat;
	}

a.bouton1 span span span,
button.bouton1 span span span {
	height:33px;		/* Hauteur du bouton1 */
	padding:0;
	line-height:33px;	 /* Alignement vertical du texte */
	background:url('/images/bouton1-bg.gif') left top repeat-x;
	}



/****************/
/* TOOLTIPS     */
/****************/

.aide { cursor:help; }

.tooltip {
	display:none;
	padding:0;
	margin:0;
	color:#fff;
	}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
	}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
	}

#demotip {
	display:none;
	background-image:url('/images/black_arrow.gif');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}


/*****************/
/* CARROUSEL     */
/*****************/

/* root element for single scroll */
.scroll {
	position:relative;
	overflow:hidden;
	width: 610px;
	height: 350px;
	float:left;
}

/* root element for the scroll pics */
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scroll item */
.pics img {
	float:left;
	cursor:pointer;
	width:610px;
	margin:0px;
}

/* possible settings for the active scroll */
.scroll.active {

}