/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/*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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}*/

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, img,
b, u, i, center, dl, dt, dd, ol, table,
tr, th, td, footer, header {
	margin: 0;
	padding: 0;
	/*border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;*/
}


/*span, p, div, a {
	margin: 0;
	padding: 0;
	/*border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}*/




/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}*/

body {
	line-height: 1;
}

ul {
	list-style: none;
}

ol {
	list-style: 1;
}

li {
 list-style-image: url('/custom/pictures/puce_orange_TR.png');
 list-style-position: outside;
 background-repeat: no-repeat;
 padding:0;
 margin:0;
}

/*blockquote, q {
	quotes: none;
}*/

/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
	MAIN STYLES
*/

body, html {
	/*background:#ededed;*/
	background: white;
	height:100%;
	line-height:20px;
	font-size:12px;
	color:#333;
	font-family: 'Roboto', Verdana, Calibri, sans-serif;
	font-weight:normal;
}


a:link, a:active, a:visited {
	border:none;
    outline:none;
	color: #6495ED;
}

/*span.orange {
color: #FF8C00;
}*/

/*span.blue {
color: #5FA0FA;
}*/

/*p.blue {
color: #6495ED;
}*/

/*.arguments .slide p {
color: black;
}*/

div.orange  {					/*Utilisée dans le SlideShow Expertise*/
display: table-cell;
border-width: 0;
border-style: solid;		/*Obligatoire pour que le vertical-align soit effectif*/
border-collapse: collapse;
text-align: left;
vertical-align: middle;
height:90px;
margin: 10px;
padding: 10px 5px 10px 5px;
font-weight: bold;
background-image: url(../../pictures/Fond_Colonnes_Angle_BR.png);
background-repeat: no-repeat;
background-position: right bottom;
}




/* SlideShow Stylesheet */


.accueil {		/*classe vierge destinée au slideshow "Argumentaire"*/
}

.arguments {		/*classe vierge destinée au slideshow "Argumentaire"*/
}

.expertise {		/*classe vierge destinée au slideshow "Expertise"*/
}

.produits {		/*classe vierge destinée au slideshow "Expertise"*/
}

.formations {	/*classe vierge destinée au slideshow "Expertise"*/
}

.projet {		/*classe vierge destinée au slideshow "Expertise"*/
}



.accueil .slideshow {
	position: absolute;
	width: 80%;				/* Set to slideshow width. Is equal to .slider + .wheel width */
	height: 400px;			/* Set to slideshow height. Is equal to .slider and .wheel height */ /*20px à ajouter par ligne de sujet*/
	left: 10%;
	background: white;
	padding-top: 30px;
	/*border: 1px solid #BBB;*/
	box-shadow: 0 0 34px #bbb;
}


.arguments .slideshow {
	position: absolute;
	width: 80%;				/* Set to slideshow width. Is equal to .slider + .wheel width */
	/*height: 400px;*/		/* Set to slideshow height. Is equal to .slider and .wheel height */
	height: 700px;			/*20px à ajouter par ligne de sujet (default 400)*/
	left: 10%;
	background: white;
	box-shadow: 0 0 34px #bbb;
}


.expertise .slideshow {
	position: absolute;
	width: 80%;				/* Set to slideshow width. Is equal to .slider + .wheel width */
	height:630px;			/* Set to slideshow height. Is equal to .slider and .wheel height */
	left: 10%;
	background: white;
	/*border: 1px solid #BBB;*/
	box-shadow: 0 0 34px #bbb;
}


.produits .slideshow {
	position: absolute;
	width: 80%;					/* Set to slideshow width. Is equal to .slider + .wheel width */
	height:630px;				/* Set to slideshow height. Is equal to .slider and .wheel height */
	left: 10%;
	background: white;
	/*border: 1px solid #BBB;*/
	box-shadow: 0 0 34px #bbb;
}


.formations .slideshow {
	position: absolute;
	width: 80%;					/* Set to slideshow width. Is equal to .slider + .wheel width */
	height:630px;				/* Set to slideshow height. Is equal to .slider and .wheel height */
	left: 10%;
	background: white;
	/*border: 1px solid #BBB;*/
	box-shadow: 0 0 34px #bbb;
}


.projet .slideshow {
	position: absolute;
	width: 80%;				/* Set to slideshow width. Is equal to .slider + .wheel width */
	height: 590px;			/* Set to slideshow height. Is equal to .slider and .wheel height - 20px à ajouter par ligne de sujet*/
	left: 10%;
	background: white;
	/*border: 1px solid #BBB;*/
	box-shadow: 0 0 34px #bbb;
}


.slide li{
padding: 0 0.5em 0.5em 0;
margin: 0;
}


.slider {
	/*width: 68%;*/
	width: 55%;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

.slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: white;
}

.slider .slide_padded {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 10% 0 10%;
	background: white;
}

.slider .slide p {
	margin: 0 1em 5px 1em;
	text-align: justify;
}

/*.slider .slide h5 {
	margin: 0 1em 5px 1em;
	text-align: justify;
}*/


.wheel {
	width: 45%;
	height: 100%;
	font-family: 'Roboto', Verdana, Calibri, sans-serif;
	background: white;
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	overflow: hidden;
	float: left;
}

.wheel .header {
/* Hauteur du header : 8 + 14 + 12 = 34px à multiplier par le nombre de tabs à déduire
de la hauteur du slideshow pour obtenir la hauteur du wheel content
auquel il faut retrancher le padding du wheel content 2x10px*/
	padding: 8px 14px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background: #ededed;
	background:    -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background:      -o-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background:     -ms-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background:         linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	border-top: 1px solid #ccc;
}

.wheel .header:first-child {
	border-top: none;
}

.wheel .header:hover {
	background: #EDEDED;
	cursor: pointer;
}

.wheel .header.active {
	border-bottom: none;
	background: orange !important;
	color: #FFF;
}

.accueil .wheel .content {
	height: 196px;				/* This height needs to be changed as it depends on the wheel height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;			/* This is the height of tabs */
	margin: 0;
	padding: 10px;
	border: none;
	background: #d6d6d6;
	background:    -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:      -o-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:     -ms-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:         linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	overflow:auto;
}

.arguments .wheel .content {
	height: 496px; 			/* This height needs to be changed as it depends on the wheel height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;		/* This is the height of tabs */
	margin: 0;
	padding: 10px;
	border: none;
	background: #d6d6d6;
	background:    -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:      -o-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:     -ms-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:         linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	overflow:auto;
}

.expertise .wheel .content {
	height: 426px;				/* This height needs to be changed as it depends on the wheel height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;			/* This is the height of tabs */
	margin: 0;
	padding: 10px;
	border: none;
	background: #d6d6d6;
	background:    -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0% ,#ffffff 10%);
	background:      -o-linear-gradient(top, #d6d6d6 0% ,#ffffff 10%);
	background:     -ms-linear-gradient(top, #d6d6d6 0% ,#ffffff 10%);
	background:         linear-gradient(top, #d6d6d6 0% ,#ffffff 10%);
	overflow:auto;
}

.produits .wheel .content {
	height: 426px;				/* This height needs to be changed as it depends on the wheel height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;			/* This is the height of tabs */
	margin: 0;
	padding: 10px;
	border: none;
	background: #d6d6d6;
	background:    -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:      -o-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:     -ms-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:         linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	overflow:auto;
}

.formations .wheel .content {
	height: 426px;				/* This height needs to be changed as it depends on the wheel height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;			/* This is the height of tabs */
	margin: 0;
	padding: 10px;
	border: none;
	background: #d6d6d6;
	background:    -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:      -o-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:     -ms-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:         linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	overflow:auto;
}

.projet .wheel .content {
	height: 460px;				/* This height needs to be changed as it depends on the wheel height and number of tabs */
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;			/* This is the height of tabs */
	margin: 0;
	padding: 10px;
	border: none;
	background: #d6d6d6;
	background:    -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:      -o-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:     -ms-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background:         linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	overflow:auto;
}


.wheel .content p {
	margin-bottom: 5px;
	text-align: justify;
}





/*p.button {*/				/*Centrage du conteneur du texte dans la div du bouton grâce au couple height / line-height*/
  /*text-align:center;*/ 	/* centrage horizontal */
  /*padding:0;
  margin:0;
}*/

/*span.button {
  width:auto;*/ 					/* largeur zone de texte */
  /*vertical-align:middle;
  display:inline-block;
  line-height:1;*/ 				/* on rétablit le line-height */
  /*text-align:center;*/ 			/* ... et l'alignement du texte si nécessaire */
  /*margin: 2px 4px 2px 4px;
  padding:;
}*/