html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, q, small, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, footer, header, menu, nav, text-center, text-right, index-center, index-right {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

footer, header, menu, nav, text-center, text-right, index-center, index-right { display: block }

html {
	background:url("../images/bg2.png") no-repeat fixed bottom center;
}

body {
    font: 13px/1.231 sans-serif;
    *font-size: small;
	color: #444;
    font-size: 14px;
	font-family: "helvetica neue",helvetica,arial,sans-serif;
}

/************* LINKS ************/
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
a:hover, a:active { outline: none }
a, a:active, a:visited { color: #607890 }


/************* LISTS ************/
ul, ol { margin-left: 1.8em }
ol { list-style-type: decimal }
nav ul, nav li { margin: 0 }


/************* FONTS ************/
h1, h2, h3, h4, h5, h6 { font-weight: 700 }
h1 { font-size:24px }
small { font-size: 85% }
strong { font-weight: 700 }
sub {
    vertical-align: sub;
    font-size: smaller;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
pre {
    padding: 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}


/************* TABLES ************/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, td img { vertical-align: top }
th { font-weight: 700 }



/************* FORMS ************/
input, select { vertical-align: middle }
select, input, textarea { font: 99% sans-serif; color: #444 }
textarea { overflow: auto }
.ie6 legend, .ie7 legend { margin-left: -7px }
input[type=radio] { vertical-align: text-bottom }
input[type=checkbox] { vertical-align: bottom }
.ie7 input[type=checkbox] { vertical-align: baseline }
.ie6 input { vertical-align: text-bottom }
label, input[type=button], input[type=submit], button { cursor: pointer }
button, input, select, textarea { margin: 0 }



/************* MENU ************/
nav ul { list-style: none }


/************* MISCS ************/
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
hr {
    color: #333;
	background-color: #333;
	height: 1px;
	border: 0;
}
hr.top {
	color: #f7a33c;
	background-color: #f7a33c;
	width:1024px;
}

.ie7 img { -ms-interpolation-mode: bicubic }
.hidden {
    display: none;
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after { clear: both }
.clearfix { zoom: 1 }

button { font: 99% sans-serif }


/************* ANIMATIONS ************/
@-webkit-keyframes acceleratedReveal { 
	0% { -webkit-transform: translate3d(0,-60px,0) }
	100% { -webkit-transform: translate3d(0,0,0) }
}
.header.do {
    -webkit-animation-name: acceleratedReveal;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

.ie7 .header { position: static }


/************* CONTAINER ************/
.container {	
	width: 1024px;
	height:auto;
	min-height:100%;
    margin: 0 auto;
    text-align: left;
	background-color: white;
	display:block;
	position:relative;
	padding-top:7px;
	margin-bottom:0px;
}

/************* HEADER ************/
#header {
	height:125px;
	min-width: 1024px;
	margin:0 auto;
}

#header .container-header{
	margin:0 auto;
	width:1024px;
	height:125px;
	margin-bottom:0px;
	position:relative;
}

#header-inner {
	height: 125px;
	float:left;
	position:relative;
	width:350px;
	margin:0 auto;
	margin-left:10px;
}

#header-inner h1 {
	float: left;
    width: 300px;
    height: 125px;
    background: url(../images/logo.png) no-repeat left center;
    display: block;
    text-indent: -99999em;
    margin-top: 10px;
    padding: 0px 0;
}

#header-inner a#logo {
	text-indent: -99999px;
	display: block;
	width: 300px;
	height: 125px;
}

#header-center {
	height: 110px;
	float:left;
	position:relative;
	width:650px;
	padding-left:10px;
	margin:0 auto;
	margin-top:15px;
}

#header-top {
	width:650px;
}
.header-plateforme {
	float:left;
	width:300px;
	margin-left:10px;
}
.header-plateforme a {
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	color:#353536;
	text-decoration:none;
}
.header-plateforme a:hover {
	text-decoration:underline;
}
.header-infos {
	float:right;
	width:230px;
	text-align:center;
	text-transform:uppercase;
}
.header-infos h1 {
	font-size:11px;
	color:#333;
	font-weight:normal
}


/************* FOOTER ************/
#footer{
	background-color:#3f6573;
	display:block;
	height:auto;
	width:1024px;
	margin:0 auto
}
.footer-holder{
	width:980px;
	margin:0 auto;
	padding:16px 0 18px;
	overflow:hidden;
}
.footer-holder-top {
	width:800px;
	margin:0 auto
}
.footer-holder-top-logo {
	float:left;
	width:40px;
}
.footer-holder-top-txt {
	float:left;
	width:800px
}

.footer-holder h3{
	font-size:18px;
	color:white;
	text-align:center;
	font-weight:300;
	margin-bottom:5px
}
.footer-holder p{
	font-size:12px;
	color: #CCC;
	text-align:center;
	font-weight:300;
	line-height:14px
}
.threecolumns{
	width:980px;
	overflow:hidden;
	margin-top:20px
}
.threecolumns .column{
	float:left;
	width:330px;
	padding-right:37px;
}
.threecolumns h3{
	margin:0 0 5px;
	font-size:18px;
	line-height:28px;
	color:#fff;
	text-align:left;
	font-weight:bold;
}
.threecolumns p{
	margin:0 0 19px;
	color:#fff;
}
.threecolumns .tweet-box{
	height:1%;
	overflow:hidden;
	margin:0 0 18px;
}
.threecolumns .tweet-box ul{
	color:#FFF;
	font-size:12px;
	font-weight:400;
	text-decoration:none;
	list-style-type:none;
	margin-left:0px
}
.threecolumns .tweet-box li a{
	background:url("../images/bullet.png") no-repeat scroll 0 9px transparent;
	border-bottom:1px solid #999;
	color: #CCC;
	text-decoration:none;
	padding:3px 10px;
	display:block;
	line-height:16px;
}
.threecolumns .tweet-box li a:hover{
	color:white;
}
.threecolumns .subscribe-form{
	width:280px;
	overflow:hidden;
	margin-bottom:27px;
}
.threecolumns .subscribe-form .text-wrap{
	float:left;
	background: url(../images/bg-input03.gif) no-repeat;
	width: 161px;
	font-size:12px
}
.threecolumns .subscribe-form .text{
	float:left;
	margin:0;
	padding:4px 10px;
	border:0;
	background:none;
	width:141px;
	height: 17px;
	color:#CCC;
}
.threecolumns .subscribe-form .text_invalid{
	float:left;
	margin:0;
	padding:4px 10px;
	border:0;
	background:none;
	width:141px;
	height: 17px;
	color:#CCC;
	border:1px solid red;
}

.threecolumns .subscribe-form .submit{
	float:right;
	background: url(../images/bg-submit02.png) no-repeat top left;
	width: 106px;
	height: 25px;
	padding:0;
	border:0;
	cursor:pointer;
	font-size:0;
	letter-spacing:-1000px;
	margin-left:10px;
}
.threecolumns .subscribe-form .submit:hover{
	background-position: bottom;
}

.threecolumns .social-list{	
	margin:0;
	background: url("../images/bg-social-box.png") no-repeat;
	width: 238px;
	height: 45px;
	position:relative;
}
/* social */
.social-list ul {
	width:238px;
	padding-top:5px
}
.social-list ul li{
	width:32px;
	height:32px;
	display:inline;
}
.social-list ul li a {
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter:alpha(opacity=60);
	
	-moz-transition: opacity .4s linear;
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
}
.social-list ul li a:hover {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter:alpha(opacity=1);
	
	-moz-transition: opacity .4s linear;
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
}

.threecolumns .contact-list{
	margin:0 0 14px;
	color:#CCC;
	line-height:16px;
	font-weight:300;
	font-size:12px
}
.threecolumns .contact-list dt{
	float:left;
	width:62px;
}
.threecolumns .contact-list dd{margin:0;}
.threecolumns .contact-list a{color:#fff;}
.threecolumns a {color:#fff;font-weight:300; font-size:12px	}
.threecolumns .map-holder{
	background: url(../images/bg-map.png) no-repeat;
	width: 262px;
	height: 109px;
	padding:6px;
}

.footer-wrap{
	background: url(../images/bg-footer.png) no-repeat 50% 0;
	width:100%;
	overflow:hidden;
}
#footer .copy-wrap{
	background: url(../images/bg-footer02.png) repeat-x;
	height: 40px;
	margin-top:-4px;
	position:relative;
}
#footer .copy-holder{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	padding:13px 0 0;
}
#footer .copy-holder .copy{
	float:left;
	color:#fff;
	text-shadow:#000 1px 0 0;
}
#footer .copy-holder .design{
	float:right;
	color:#fff;
	font-style:italic;
	line-height:15px;
	text-decoration:none;
}



/************* INDEX ************/
.text-center {
	width:600px;
    padding: 0px 10px 10px 13px;
	margin:0px 20px 0px 10px;
	float:left;
	display:block;
	position:relative;
}
.text-center .image-left{
	float:left;
	background: url("../images/bg-image-box.png") no-repeat;
	width: 287px;
	height: 152px;
	padding:11px 0 0 15px;
	margin:0 13px 0 -20px;
	position:relative;
}
.text-center .image-left img{
	margin-left:17px;
}
.text-center .image-left .hotspot{
	position:absolute;
	top:11px;
	right:33px;
	background: url("../images/hotspot02.png") no-repeat;
	width: 237px;
	height: 141px;
}
.text-center .image-left .zoom{
	background: url("../images/btn-zoom.png") no-repeat;
	width: 27px;
	height: 27px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:20px;
	right:23px;
	z-index:2;
}

.text-center .image-right{
	float:right;
	width: auto;
	height: auto;
	margin:5px 0 0 43px;
	position:relative;
	border:5px solid white;
}

.main-headlines h1 {
	color:#444;
	font-size:24px;
	padding-top:0px;
	padding-bottom:10px
}

.text-center h1 {
    color:#124051;
    font-size: 20px;
    margin-top: 10px;
	margin-bottom:10px
}
.text-center span.orange {
	color:#eb6e3b;
}
.text-center h2 {
    color: #2c2c2c;
    font-weight:bold;
    font-size:16px;
    margin-bottom: 15px;
	text-align:left	
}
.text-center h3 {
    color: #2c2c2c;
    font-weight:bold;
    font-size:16px;
    margin-bottom: 5px;
	margin-top:20px;
	text-align:left	
}
.text-center p {
	font-size:14px;
	color:#444;
    text-align: left;
	margin:0 0 12px;
	font-weight:normal;
	line-height:18px;
	text-align:justify
}
.text-center ul {
	margin-left:20px
}
.text-center ul li {
	background:url("../images/puces_new.png") no-repeat scroll 0 0px transparent;
	list-style-type:none;
	padding-left:30px;
	padding-bottom:12px;
	font-size:14px;
	color:#444;
	line-height:1.3em;
    text-align: left;
	font-weight:normal;
}
.text-center ol {
	margin-left:20px
}
.text-center ol li {
	background:none;
	list-style-type: decimal;
	padding-left:30px;
	padding-bottom:12px;
	font-size:14px;
	color:#444;
	line-height:1.3em;
    text-align: left;
	font-weight:normal;
}
.text-center .footer {
    padding: 5px 0;
	margin-top:20px;
    border-top: 1px solid #999;
}
.text-center .footer p {
	margin-top:5px;
    padding: 0 0 0px;
    font-size: 16px;
	line-height:22px;
    color: #777;
	font-weight:300;
	width:550px;
	text-align:center
}
.text-center .footer .link{
	height: 20px;
    width: 120px;
    background: url(../images/button-medium2.png) no-repeat left center;
	color:#181c1f;
	font-weight: bold;
	font-size: 13px!important;
	text-align:center;
	text-decoration: none!important;
	cursor: pointer;
	display: block;
	line-height: 18px;
	border:1px solid #999;
	float:right;
	margin-top:-33px
}
.text-center .footer a:hover{
    background-position: left bottom;
}
.text-center .footer a:active{
    background-position: left top;
}

.column-right {
	width:300px;
	min-height:100%;
	position:relative;
	margin-bottom:10px;
	float:left;
	margin-right:0px;
}
.text-right {
	width:300px;
    padding:0px;
	float:left;
	display:block;
	position:relative;
	margin-top:20px;
}




/************* INDEX CENTER ET RIGHT ************/

/* domaines */
.domaines {
	margin-top: 20px;
	margin-bottom:20px
}

/* domaines list */
ul#index_blocs {
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:1024px;
}
ul#index_blocs li {
    position: relative;
	width:327px;
	height:211px;
	margin-right:10px;
	display: inline-block;
	background:#d2d2d2 url("../images/block_gray.png") no-repeat;
	cursor: pointer
}
ul#index_blocs li.last {
	margin-right:0px;
}

ul#index_blocs li.temoignages {
	background:none;
	width:340px;
}
ul#index_blocs li.temoignages .left_block {
	float:left;
	width:188px;
}

ul#index_blocs li.temoignages .right_block {
	float:left;
	width:150px;
	
}
ul#index_blocs li.temoignages .right_block h1 {
	font-size:13px;
	text-transform:uppercase;
	color:#f15a24;
	text-align:left;
	margin-bottom:10px
}
ul#index_blocs li.temoignages .right_block p {
	font-size:16px;
	line-height:20px;
	font-weight:600;
	color:#4d4d4d;
	text-align:left;
	margin-bottom:10px
}

ul#index_blocs li.dif {
}

ul#index_blocs li.dif .left_block {
	float:left;
	width:80px;
	padding:20px;
	margin-top:30px
}
ul#index_blocs li.dif .right_block {
	float:left;
	width:200px;
	margin-top:40px
}
ul#index_blocs li.dif .right_block h1 {
	font-size:22px;
	font-weight:300;
	text-align:left;
	line-height:28px
}
ul#index_blocs li.dif .footer_block {
	clear:both;
	padding-top:20px;
	padding-left:20px
}

ul#index_blocs li.garantie {
}

ul#index_blocs li.garantie .left_block {
	float:left;
	width:80px;
	padding:20px;
	margin-top:0px
}
ul#index_blocs li.garantie .right_block {
	float:left;
	width:200px;
	margin-top:20px
}
ul#index_blocs li.garantie .right_block p {
	font-size:14px;
	font-weight:300;
	text-align:left;
	line-height:18px;
	text-align:justify
}

ul#index_blocs li.formation { overflow:hidden}
ul#index_blocs li.formation .top_block {
	position:absolute;
	top:0px;
	right:0px;
	background:#dddddd;
	-moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px #888;
	box-shadow: 0 0 2px 2px #888;
	padding:0px 15px 5px 15px;
	text-align:center;
	overflow:hidden
}
ul#index_blocs li.formation .top_block h1 {
	font-size:12px;
	font-weight:center;
	text-align:left;
	color:#e7511b
}
ul#index_blocs li.formation .center_block {
	padding:15px;
	margin-top:25px;
}
ul#index_blocs li.formation .center_block h1 {
	font-size:36px;
	font-weight:bold;
	text-align:left;
	color:#e7511b;
	padding-top:10px;
}
ul#index_blocs li.formation .center_block h2 {
	color:black;
	font-size:14px;
	text-transform:uppercase;
	text-align:left
}
ul#index_blocs li.formation .center_block ul#test {
	list-style-type: disc;
	margin:0px;
	margin-top:15px;
	padding:0px;
	display:list-item;
	margin-left:18px;
}
ul#index_blocs li.formation .center_block ul#test li {
	position: relative;
	color:#666;
	font-weight:bold;
	display: list-item;
	background:none;
	width:auto;
	height:auto;
	line-height:16px;
	margin-bottom:10px
}


ul#index_blocs button.index-ensavoirplus {
	height:22px;
	background:none;
	border:none;
	background:url("../images/boutons/bouton1_gray.png") no-repeat;
	padding-left:26px;
	color:#726666;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle
}
ul#index_blocs button.index-ensavoirplus:hover {
	text-decoration:underline
}

ul#index_blocs a {
	text-decoration: underline;
	color: black;
}
ul#index_blocs li a:hover {
	text-decoration:underline;
	color:#333;
}
ul#index_blocs a.product_img_link {
	float: left;
}

ul#index_blocs li div.center_block {
	float: left;
	width: 315px;
	height:160px;
	position:relative;
}

ul#index_blocs li div.footer_block .img {
	border:none;
	min-height:70px;
	min-width:105px;
	margin-right:50px;
	margin-bottom:0px;
	float:left;
}
ul#index_blocs li h1 {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	line-height:22px;
}
ul#index_blocs li h1 a {
	color:#3e410b;
}
ul#index_blocs li h2 {
	text-align:center;
	font-size:18px;
	font-weight:500;
	padding-top:5px;
	color: #fff;
	text-shadow: 0 1px 0 #112235;
	font-variant:small-caps 
}
ul#index_blocs li h2 a {
	color:white;
}	
ul#index_blocs li h3 {
	text-align:center;
	font-size:16px;
	font-weight:500;
	padding-top:5px;
	color:#3e410b;
}
ul#index_blocs li h3 a {
	color:#3e410b;
}

ul#index_blocs li h4 {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}
ul#index_blocs li h4 a {
	color: black;
}


ul#index_blocs li p.product_desc {
	font-size: 14px;
	line-height:16px;
	text-align:left;
	font-weight:normal;
	margin-right:5px
}
ul#index_blocs li p.product_desc a{
	color:white;
}



ul#index_blocs li .center_block h4.label {
	position: absolute; left: -1px; top: -1px;
	background: url(../images/label.png) no-repeat left top;
	font-size: 0;
	width: 74px;
	height: 74px;
	overflow: hidden;
	text-indent: -100em;
}

ul#index_blocs li div.footer_block {
	float: left;
	width: 315px;
	height:115px;
}

ul#index_blocs li div.footer_block h3 {
	text-align:center;
	font-size:32px;
	font-weight: bold;
	padding-top:5px;
	color: #1d3d78;
	text-shadow: 1px 1px 0 #666;
}
ul#index_blocs li div.footer_block h3 a {
	color:white;
}
ul#index_blocs li div.footer_block span.currency {
	font-size: 18px;
	vertical-align: text-top;
	height: 53px;
	vertical-align: middle\9;
	*vertical-align: text-top;
	padding-left:2px
}

ul#index_blocs li div.footer_block span.payment-basis {
	font-size: 11px;
	vertical-align: text-top;
	text-transform: uppercase;
	vertical-align: middle\9;
	*vertical-align: text-top;
	color: #333;
	text-shadow:none
}


ul#index_blocs li div.footer_block p.formation_desc {
	font-size: 13px;
	line-height:15px;
	text-align:center;
	font-weight:normal;
	padding-top:5px
}
ul#index_blocs li div.footer_block p.formation_desc a{
	color:white;
}


a.button {
    height: 22px;
    width: 92px;
    background: url(../images/bt_formation.png) no-repeat;
    text-indent: -9999px;
	position:relative;
	margin-right:-7px;
	top:-12px;
	float:right;
	margin-bottom:0px;
}
ul#index_blocs li a.button { margin-top: 0.5em }
ul#index_blocs li a.forma_button {
	float:right;
	background: url(../images/bg-submit03.png) no-repeat top left;
	color:#000;
	width: 106px;
	height: 25px;
	padding:0;
	border:0;
	cursor:pointer;
	font-size:16px;
	margin-right:10px;
	margin-top: 0px;
}

#index_blocs li p.button-tri{
	margin:0 auto;
	height: 20px;
    width: 120px;
    background: url(../images/button-medium2.png) no-repeat left center;
	color:#181c1f;
	font-weight: bold;
	font-size: 11px!important;
	text-align:center;
	text-decoration: none!important;
	cursor: pointer;
	display: block;
	line-height: 18px;
	border:1px solid #818617;
	margin-left:172px;
	margin-top:10px
}
#index_blocs li p.button-tri:hover {
    background-position: left bottom;
}
#index_blocs li p.button-tri:active {
    background-position: left top;
}


.error_message { 
	display: block;
	line-height: 22px;
	background: #FBE3E4 url("../images/error.gif") no-repeat 10px 6px;
	padding: 3px 10px 3px 35px;
	color:#8a1f11;
	border:1px solid #FBC2C4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:auto;
	max-width:530px;
	margin-bottom:10px;
	height:30px;
	text-align:left;
	height:auto;
	margin-top:20px;
	margin-left:10px;
	margin-right:20px;
	float:left
}
.error_message ul {
	list-style-type:disc;
	margin-left:15px
}
.error_message li {
	background:url("../images/puces_new.png") no-repeat scroll 0 0px transparent;
	list-style-type:none;
	padding-left:30px;
	padding-bottom:5px;
	font-size:14px;
	color:#444;
	line-height:1.3em;
    text-align: left;
	font-weight:normal;
}


.success_message { display: block; height: auto; line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color: #D6FFD8; background-image: url("./images/success.gif"); background-repeat: no-repeat; background-position: 10px center; color:#0e2f9f; font-weight:bold; }


.more {
	background: url("../images/boutons/bouton.png") no-repeat;
	border:none;
	height: 31px;
    width: 125px;
	color:#c84d1f;
	font-weight: bold;
	font-size: 15px!important;
	text-align:center;
	cursor: pointer;
	display: block;
	line-height: 14px;
	float:left;
	padding-top:2px;
	margin-top:15px;
	vertical-align:middle
}
.more:hover{
	text-decoration:underline
}
.more:active{
    text-decoration:underline
}


/* Page Formations cadre de droite */
a.button_cmd {
	background-color: #e8682d;
	color: white!important;
	width:180px;
	padding:3px;
	font-weight: bold;
	text-shadow: 0 1px 0 #2A6000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin:0 auto;
	margin-top:5px;
	font-size: 12px!important;
	text-align:center;
	text-decoration: none!important;
	cursor: pointer;
	display: block;
	line-height: 18px;
	margin-bottom:2px
}
a.button_cmd.v2 {
	width:180px;
}
a.button_cmd.v3 {
	width:180px;
}
a.button_cmd.v4 {
	width:145px;
	margin-left:5px
}

a.button_cmd:hover {
	background: #ff8b00;
}

a.button_cmd:active {
	background: #ff8b00;
	background-image: -moz-linear-gradient(top, #ff8b00 0%, #e8682d 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8b00), to(#e8682d));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8b00, endColorstr=#e8682d)";
	-moz-box-shadow: inset 1px 2px 2px #319300, inset 0 1px 1px #6ED731, 0 0 1px #F1F1F1;
	-moz-box-shadow: inset 1px 2px 2px #319300, inset 0 1px 1px rgba(149,234,89,0.48), 0 0 1px rgba(255,255,255,0.75);
	-webkit-box-shadow: inset 1px 2px 2px #319300, inset 0 1px 1px #6ED731, 0 0 1px #F1F1F1;
	-webkit-box-shadow: inset 1px 2px 2px #319300, inset 0 1px 1px rgba(149,234,89,0.48), 0 0 1px rgba(255,255,255,0.75);	
	box-shadow: inset 1px 2px 3px #319300, inset 0 1px 1px #6ED731, 0 0 1px #F1F1F1;
	box-shadow: inset 1px 2px 2px #319300, inset 0 1px 1px rgba(149,234,89,0.48), 0 0 1px rgba(255,255,255,0.75);	
}


/************* TEMOIGNAGES ************/
.comment {
	padding:10px;
	width:850px;
	position:relative;
	background-color:#fcfcfc;
	border:1px solid #c2c2c2;
	color:#5c5c5c;
	margin-bottom:25px;
	margin-left:90px;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
}

.comment .avatar{
	height:70px;
	left:-90px;
	position:absolute;
	width:70px;
	background:url('../images/default_avatar.gif') no-repeat #fcfcfc;
	top:0%;
	-moz-box-shadow:1px 1px 0 #c2c2c2;
	-webkit-box-shadow:1px 1px 0 #c2c2c2;
	box-shadow:1px 1px 0 #c2c2c2;
}

.comment .avatar img{
	display:block;
}
.comment .comment-top{
	display:block;
	height:45px;
	border-bottom:1px solid #c4c4c4;
}
.comment .name{
	font-size:16px;
	padding-bottom:10px;
	padding-top:5px;
	color:#5c5c5c;
	margin-bottom:10px;
	text-align:left;
	float:left;
}
.comment .avatar_entreprise {
	float:right;
	width:150px;
}


.comment .says {
	position: absolute;
	left:-13px;
	top:18px;
	display: block;
	height:24px;
	width:13px;
	text-indent: -9999px;
	background:transparent url("../images/say.png") no-repeat scroll 0 0;
	clear:both
}

.comment p {
	font-size:13px;
	line-height:16px;
	overflow-x:hidden;
}



/* Page Maxxivoice */
.maxxivoice-footer {
    padding: 5px 0;
    border-top: 1px solid #444;
	width:640px;
	height:40px;
	margin:0 auto;
}
.maxxivoice-footer p {
	margin-top:5px;
    padding: 0 0 0px;
    font-size: 16px;
	line-height:22px;
    color: #777;
	font-weight:300;
	text-align:center;
	margin-right:10px;
	float:left;
}
.maxxivoice-footer .link{
	height: 20px;
    width: 120px;
    background: url(../images/button-medium2.png) no-repeat left center;
	color:#181c1f;
	font-weight: bold;
	font-size: 13px!important;
	text-align:center;
	text-decoration: none!important;
	cursor: pointer;
	display: block;
	line-height: 18px;
	border:1px solid #999;
	float:right;
	margin-top:-20px
}
.maxxivoice-footer a:hover{
    background-position: left bottom;
}
.maxxivoice-footer a:active{
    background-position: left top;
}


/*************** FAQ **************/
.bloc_question{
	width:100%;
	margin:25px 0px 0px 0px;
}

.bloc_question h2{
	color:black;
	padding:0px;
	margin:0px;
	font-weight:normal;
	margin-bottom:0px;
	background:url('../images/faq_question.png') no-repeat;
	padding-left:40px;
	min-height:30px;
	font-size:18px; 
	line-height:20px;
	margin-top:20px;
	padding-bottom:0px;
	font-weight:500
}

.bloc_reponse{
	width:100%;
	padding:0px;
	margin-top:-10px;
	background:url('../images/faq_reponse.png') no-repeat;
	padding-left:40px;
	margin-top:10px;
	width:560px;
}
.bloc_reponse ul {
	font-size:12px
}
.bloc_reponse li {
	font-size:12px
}
.bloc_reponse a {
	text-decoration:underline
}
.bloc_reponse a:hover {
	text-decoration:none
}
.bloc_separator {
	background:url("../images/separator.png");
	width:610px;
	height:2px;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}


/*************** PRESSE **************/
#presse {
	display:block;
	padding-top: 16px;
    font-size: 14px;
    color: #444;
    clear: both;
	width:600px;
	margin-left:10px;
}

#presse .img {
	width:150px;
	margin-right:20px;
	float:left;
	position:relative;
	padding-bottom: 10px;
}
#presse .img img {
	width:150px;
}
#presse .txt {
	float:left;
	position:relative;
	width:430px;
	padding-bottom:10px
}
#presse .txt h2 {
	font-size:22px;
	margin:0;
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:500
}
#presse .txt h2 a {
	font-size:22px;
	margin:0;
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:500;
	color:black
}

#presse .txt h3 {
	font-size:16px;
	line-height:20px;
	margin:0;
	font-weight: lighter;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px
}
#presse span.date {
	background:url('../img/article_presse.png') no-repeat;
	padding-left:15px;
	font-size:12px;
	margin-bottom:50px;
	padding-bottom:50px
}

#presse .txt p {
	font-size:12px;
	line-height:16px;
	margin:0;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:10px	
}

#presse .txt p a {
	margin-bottom:10px;
	text-align:right;
	font-size:12px;
	color:blue;
	font-weight:bold;
	text-decoration:none;
}

#presse .txt p a:hover {
	text-decoration:underline
}


/*************** DEMO **************/
.demo-topmenu {
	width:980px;
	height:40px;
	background:#EEE;
}
.demo-topmenu h1 {
	float:left;
	padding-left:10px;
	width:600px;
	padding-top:10px;
	margin-top:0px
}
.demo-topmenu p {
	color:#333;
	width:100px;
	float:left;
	padding-top:15px
}
.demo-topmenu a {
	height: 20px;
    width: 120px;
    background: url(../images/button-medium2.png) no-repeat left center;
	color:#181c1f;
	font-weight: bold;
	font-size: 13px!important;
	text-align:center;
	text-decoration: none!important;
	cursor: pointer;
	display: block;
	line-height: 18px;
	border:none;
	float:right;
	margin-top:-11px;
	margin-right:10px
}
.demo-topmenu a:hover{
    background-position: left bottom;
}
.demo-topmenu a:active{
    background-position: left top;
}

.demo {
	width:960px;
	height:auto;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0px 0px 5px #666;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px
}

.demo .demo-left {
	float:left;
	width:450px;
	margin-right:20px;
}

.audio-player {
	padding:10px;
	background:#ffeecb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.demo-infos {
	padding:10px;
	background:#ffeecb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.demo-text {
	padding:10px;
	background:#fff3eb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.demo-infos h1, .demo-text h1 {
	color:#f6661d;
	margin-top:0px;
	padding-top:0px
}
.demo .demo-right {
	float:left;
	width:490px;
}


.demo .tip {
	width:165px;
	height: auto;
	position:absolute;
	text-align: center;
	color:#222222;
	font-size: 12px;
	line-height: 15px
}

.demo .tip.ergo {
	background: #bfe6ff;
	border:2px solid #0099ff;
	box-shadow: 0px 0px 10px black;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}

.demo .tip.pedago {
	background: #ffebdd;
	border:2px solid #ff6600;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0px 0px 10px black

}

.demo .tip .fl1 {
	background-image:url("../images/demo/fleche-right.png");
	background-repeat:no-repeat;
	display:block;
	width:19px;
	height:17px;
	position: absolute;
	right:-30px;
	top:20px
}

.demo .tip .fl2 {
	background-image:url("../images/demo/fleche-bas.png");
	background-repeat:no-repeat;
	display:block;
	width:19px;
	height:17px;
	position: absolute;
	left:-30px;
	top:20px
}

.demo .tip .fl3 {
	background-image:url("../images/demo/fleche-left.png");
	background-repeat:no-repeat;
	display:block;
	width:19px;
	height:17px;
	position: absolute;
	left:-30px;
	top:20px
}

.demo .tip .fl4 {
	background-image:url("../images/demo/fleche-haut.png");
	background-repeat:no-repeat;
	display:block;
	width:18px;
	height:19px;
	position: absolute;
	left:77px;
	top:-30px
}

.demo .tip .avatar-lorenzo {
	background-image:url("../images/demo/avatar-lorenzo.png");
	background-repeat:no-repeat;
	display:block;
	width:37px;
	height:49px;
	position: absolute;
	right:-20px;
	bottom:-30px;
}