/* init */
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, select, option, 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%;
	vertical-align: baseline;
	color:#3c3c3c;
    font-family: Arial,Helvetic,sans-serif;
	list-style: none outside none;
}

table, tr, td{
	vertical-align: top	;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

html, body, div, span{
	font-size: 11.6px;
	line-height: 14px;
}




/* Gabarit */
body {
    background-color: #F6F6F6;
    width: 100%;
}
#page {
    width: 935px;
    margin: 0 auto;
}
#page>header {
	background:none repeat scroll 0 0 #EDEDED;
}
#page>footer{
    background: none repeat scroll 0 0 #EDEDED;
    border-radius: 5px 5px 0 0;
    clear: both;    
    margin: 14px auto 0;
    padding: 5px 15px;	
}
#page>footer *{
	font-size: 11px;
	line-height: 2;
}




/* HEADER */
#logo_abelium {
    display: block;
    width: 300px;
    height: 100%;
}

/* FOOTER */
#page>footer a {
    color: #686868;
    text-decoration: none;
}




/* textes */
@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=a8a8052b-e3d6-46cf-814c-62da7239c980&fontids=710836,710833,710830");
@font-face{
font-family:"VAG Rounded W01 Light";
src:url("Fonts/710836/8eb3a61c-2df5-402f-aacc-7733752abec6.eot?#iefix");
src:url("Fonts/710836/8eb3a61c-2df5-402f-aacc-7733752abec6.eot?#iefix") format("eot"),url("Fonts/710836/67ca5d86-3357-4491-aa9f-6e7ff54b2e2e.woff") format("woff"),url("Fonts/710836/888f8505-0e2c-41e8-af58-21279dda85e5.ttf") format("truetype"),url("Fonts/710836/ca4650e2-5aa3-4755-9c6d-256cbb4f5115.svg#ca4650e2-5aa3-4755-9c6d-256cbb4f5115") format("svg");
}
@font-face{
font-family:"VAG Rounded W01 Bold";
src:url("Fonts/710833/e043dd77-7cee-4a3c-b628-822e3bdbc8ac.eot?#iefix");
src:url("Fonts/710833/e043dd77-7cee-4a3c-b628-822e3bdbc8ac.eot?#iefix") format("eot"),url("Fonts/710833/5b73c12f-4a5a-4d8c-81be-1babf4a3f3dd.woff") format("woff"),url("Fonts/710833/5638af5b-03a3-4601-a279-943ee3b29448.ttf") format("truetype"),url("Fonts/710833/40964335-0b3a-4c89-895c-1e8f58438faa.svg#40964335-0b3a-4c89-895c-1e8f58438faa") format("svg");
}
@font-face{
font-family:"VAG Rounded W01 Black";
src:url("Fonts/710830/84e985c2-71b5-4795-9ee3-7a2873082407.eot?#iefix");
src:url("Fonts/710830/84e985c2-71b5-4795-9ee3-7a2873082407.eot?#iefix") format("eot"),url("Fonts/710830/5ea71c9d-8da0-41d5-9b8f-e307177bdea0.woff") format("woff"),url("Fonts/710830/35642ac7-21cb-485f-bbff-802c7bf8203a.ttf") format("truetype"),url("Fonts/710830/c36d847c-32b0-4e19-a270-f40d17e81853.svg#c36d847c-32b0-4e19-a270-f40d17e81853") format("svg");
}




h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
h1{
	font-family: 'VAG Rounded W01 Bold';
	font-weight: normal;
	margin: 12px 0 10px;
	font-size:16px;
	line-height: 17px;
	
}
h2{
	font-family: 'VAG Rounded W01 Bold';
	font-weight: normal;
	margin: 12px 0 10px;
	font-size:14px;
	line-height: 17px;
}
div h2:first-child {
    margin-top: 0;
}
div h1:first-child {
    margin-top: 0;
}
div h3:first-child {
    margin-top: 0;
}
h3 {
    color: #00ACED;
    font-family: 'VAG Rounded W01 Bold';
    font-size: 13px;
    font-weight: normal;
    margin: 5px 0 0;
}
p {
    font-size: 11.6px;
    line-height: 14px;
    margin: 0 0 10px;
}
.wp-caption-text {
    color: #757575;
    display: inline-block;
    font-size: 11px;
    font-style: italic;
    line-height: 12px;
    margin: 0;
    text-align: right;
    width: 100%;
}
.entry-header h1.entry-title {
    margin: 2px 0 15px;
}
.entry-header .date {
    font-size: 11px;
}
.infos{
	font-size: 11px;
	color: #757575;
}
span.gris{
	color: #757575;
}



/* log titres */
.log_titre h1 {
    color: #646464;
    font-family: vag rounded w01 bold;
    font-size: 46px;
    line-height: 30px;
    margin-bottom: 0;
}
.log_titre h3 {
    color: #646464;
    font-family: vag rounded w01 Light;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0 10px;
}
.log_titre p {
    color: #646464;
}
.contents_log h2 {
    font-family: 'VAG Rounded W01 Bold';
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.6px;
    line-height: 18px;
    margin: 30px 0 10px;
    color: #646464;
}
.contents_log h3 {
    font-family: 'VAG Rounded W01 Light';
    font-size: 16px;
    line-height: 16px;
    margin: 15px 0 10px;
}

.category-nouveautes-a-venir h1, .category-nouveautes-a-venir h1 a{
    font-family: 'VAG Rounded W01 Bold';
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.6px;
    line-height: 18px;
    margin: 30px 0 10px;
}
.category-nouveautes-a-venir h2{
    font-family: 'VAG Rounded W01 Light';
    font-size: 16px;
    line-height: 16px;
    margin: 15px 0 10px;
	font-weight:normal;
	color:#00ACED;
}



/* Liens  */
a {
	color: #757575;
}
a:hover {
	color: #00A5E6;
}
.entry-header h1.entry-title a {
    color: #3C3C3C;
    text-decoration: none;
}
.widget-area .widget a {
    color: #757575;
    text-decoration: none;
}
.widget a:hover {
	color: #00A5E6;
}
a.post-edit-link{
	margin-bottom:10px;
}
a.shema_logiciel:hover {
	opacity:0.7;
}


#accueil {
	background:url("img/home.png") no-repeat center center transparent;
	width:20px;
	height:17px;
	display:inline-block;
}


/* boutons */

a.bouton {
	background: none repeat scroll 0 0 #EDEDED;
    border-radius: 6px 6px 6px 6px;
    color: #808080;
    display: inline-block;
    font-size: 11px;
    padding: 6px 15px;
    text-align: right;
    text-decoration: none;
	
}
a.bouton:hover {
	background:none repeat scroll 0 0 #E3E3E3;
	 color: #808080;
}

/*
form.wpcf7-form input[type="submit"] {
	background: #00A5E6;
    background: -webkit-linear-gradient(#00A5E6, #0084C2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(#00A5E6, #0084C2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -ms-linear-gradient(#00A5E6, #0084C2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -o-linear-gradient(#00A5E6, #0084C2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(#00A5E6, #0084C2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 8px 8px 8px 8px;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'VAG Rounded W01 Light';
    font-size: 15px;
    height: 28px;
    margin: 7px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(6, 160, 217, 0.2);
    width: 50%;
}
*/
.widget-area .widget a.bouton2, input[type="submit"] {
	color: #FFFFFF;
    display: inline-block;
    
	width: auto;
	height: 16px;     
    margin: 7px 0;
    padding: 10px 30px;
	font-family: 'VAG Rounded W01 Light';
	font-size: 15px;
	line-height: 14px;
    text-align: center;
    text-decoration: none;
	padding: 10px 0;
	
	text-shadow: 0 1px 0 rgba(6, 160, 217, 0.2);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	border:none;

	border-radius: 5px 5px 5px 5px;
	background: #00A5E6;
	background: -webkit-linear-gradient( #00A5E6, #0084c2); 
	background: -moz-linear-gradient( #00A5E6, #0084c2); 
	background: -ms-linear-gradient( #00A5E6, #0084c2); 
	background: -o-linear-gradient( #00A5E6, #0084c2); 
	background: linear-gradient( #00A5E6, #0084c2);
	
}
.widget-area .widget a:hover.bouton2, input:hover[type="submit"] {
	background: #10b3f3;
	background: -webkit-linear-gradient( #10b3f3, #0891cf);
	background: -moz-linear-gradient( #10b3f3, #0891cf);
	background: -ms-linear-gradient( #10b3f3, #0891cf);
	background: -o-linear-gradient( #10b3f3, #0891cf);
	background: linear-gradient( #10b3f3, #0891cf);
	
}



.widget-area .widget a.bouton2 {
	width: 100%;
	
}
input[type="submit"] {
	height: 36px;   
	padding: 0 36px;
	
}
.nav-previous {
	float: left;
}
.nav-next {
    float: right;   
}
.nav-next a, .nav-previous a {
	background: none repeat scroll 0 0 #EDEDED;
    border-radius: 6px 6px 6px 6px;
    padding: 2px 15px;
    text-align: right;
	text-decoration: none;
	color:#808080;
	display:inline-block;
	font-size:11px;
	line-height: 2;
}
.nav-next a:hover, .nav-previous a:hover {
	background-color:#E3E3E3;
}
.nav-next a {
	background: url("img/fleche_marge.png") no-repeat scroll right 8px #EDEDED;
	padding-right:25px;
}
.nav-previous a {
	background: url("img/fleche3.png") no-repeat scroll 12px 8px #EDEDED;
	padding-left:25px;
}
#btRemonter {
    clear: both;
    margin-bottom: 16px;
    width: 100px;
	cursor:pointer;
}
#remonter{
	background: url("img/fleche4-marge.png") no-repeat right center #EDEDED;
	border-radius: 6px 6px 6px 6px;
    color: #808080;
    display: inline-block;
    font-size: 11px;
    line-height: 2;
    padding: 2px 15px;
    text-align: right;
    text-decoration: none;
	padding-right: 25px;
}
#remonter:hover{
	background-color:#E3E3E3;
}





/* forms */
select {
    -moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
    -webkit-background: -webkit-linear-gradient(#FFFFFF, #AAAAAA) repeat scroll 0 0 #EDEDED;
    -moz-background: -moz-linear-gradient(#FFFFFF, #AAAAAA) repeat scroll 0 0 #EDEDED;
    -ms-background: -ms-linear-gradient(#FFFFFF, #AAAAAA) repeat scroll 0 0 #EDEDED;
    -o-background: -o-linear-gradient(#FFFFFF, #AAAAAA) repeat scroll 0 0 #EDEDED;
    background: linear-gradient(#FFFFFF, #AAAAAA) repeat scroll 0 0 #EDEDED;
	background: #EDEDED;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #DEDEDE;
    color: #666;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: medium none;
    height: 30px;
	text-indent:10px;
	width:200px;
	padding: 7px 0 5px;
	padding-right:15px;
	
}

select:before {
	 content: "";
	 -moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background:none;
}
select:after {
	 content: "";
	 -moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background:none;
}





/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:40px}
}

label {position:relative}
label:after {
   
}
label:before {
    background: url("img/fleche1.png") no-repeat scroll center center #EDEDED;
    content: "";
    display: block;
    height: 25px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: -5px;
    width: 30px;
}

select option{
	border:none;
	 box-shadow: 0 0 0 rgba(0, 0, 0, 0.3), 0 0 0 rgba(60, 60, 60, 0.2);
}

.wpcf7-form {
	padding-right:10px;
}

button, input {
    height: 20px;
    line-height: normal;
    width: 100%;
}
button, input, textarea {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    padding: 2px 5px;
    resize: none;
	outline: medium none;
}


textarea {
	padding: 5px; 
}

input:focus, textarea:focus {
	background: none repeat scroll 0 0 #FFFFFF;
}
input:focus[value], textarea:focus[value] {
	content:"";
}
.captcha-339{
display: inline-block;
    margin: 0;
    padding: 0;
    width: 74%;
	float: right;
}


.ombre {
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3), 0 0px 0 rgba(60, 60, 60, 0.2);
}

/* Widget */
.widget-area .widget {
    -moz-hyphens: auto;
    padding-bottom: 10px;
    word-wrap: break-word;
}

/* Widget Rechercher */
.widget-area #s {
    background: url("img/search.png") no-repeat scroll 7px 5px #EFEFEF;
    border: 1px solid #DEDEDE;
    border-radius: 14px 14px 14px 14px;
    box-shadow: none;
    outline: medium none;
    overflow: hidden;
    padding: 2px 0;
    text-indent: 30px;
}
.widget_search label {
    display: block;
}
.assistive-text, .site .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
#searchform #searchsubmit {
    display: none;
}
.widget-area #s:focus {
	background:url("img/search.png") no-repeat scroll 7px 5px #FFF;
	outline:none;
}





/* Widget Menu logs */
#menu-logiciels-1, #menu-logiciels-2 {
    background: url("img/ligne.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
#menu-logiciels-1 li{
    background: url("img/ligne.gif") repeat-x scroll 0 34px rgba(0, 0, 0, 0);
}
#menu-logiciels-1 a, #menu-logiciels-2 a {
    background: url("img/fleche2.png") no-repeat scroll 200px -12px rgba(0, 0, 0, 0);
    color: #6E6E6E;
    display: inline-block;
    font-family: 'VAG Rounded W01 Bold';
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    padding: 10px 0;
    text-decoration: none;
    width: 100%;
}
#menu-logiciels-1 a:hover, #menu-logiciels-2 a:hover{
	background: url("img/fleche2.png") no-repeat scroll 200px 14px transparent;
}
#menu-logiciels-1 .menu-item-549 a{color:#005CA5;}
#menu-logiciels-1 .menu-item-548 a{color:#F5911E;}
#menu-logiciels-1 .menu-item-547 a{color:#00984E;}
#menu-logiciels-1 .menu-item-546 a{color:#00ACED;}
#menu-logiciels-1 .menu-item-545 a{color:#403F97;}
#menu-logiciels-1 .menu-item-544 a{color:#CD128A;}
#menu-logiciels-1 .menu-item-543 a{color:#FFC00E;}
#menu-logiciels-1 .menu-item-542 a{color:#EF5A22;}


#menu-logiciels-2 li {
    background: url("img/ligne.gif") repeat-x scroll 0 27px rgba(0, 0, 0, 0);
}
 #menu-logiciels-2 a {
    background: url("img/fleche2.png") no-repeat scroll 200px -12px rgba(0, 0, 0, 0);
    color: #6E6E6E;
    display: inline-block;
    font-family: 'VAG Rounded W01 Bold';
    font-size: 15px;
    height: 17px;
    line-height: 16px;
    padding: 6px 0;
    text-decoration: none;
    width: 100%;
}
#menu-logiciels-2 a:hover{
	background: url("img/fleche2.png") no-repeat scroll 200px 8px transparent;
}



/* Widget Texte */
#text-2 > div {
    background: url("img/ligne.gif") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    padding-bottom: 15px;
    padding-top: 10px;
}
#text-2 {
    background: url("img/ligne.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
.widget-area .widget h2 {
    color: #646464;
    font-family: 'VAG Rounded W01 Bold';
    font-size: 16px;
    font-weight: normal;
}




/* fil dariane */
#filariane {
    background: none repeat scroll 0 0 #EDEDED;
    border-radius: 8px 8px 8px 8px;
    color: #808080;
    margin-bottom: 20px;
    padding: 5px 10px;
}
#filariane span {
    color: #3C3C3C;
    font-size: 11px;
}
#filariane a {
    color: #808080;
    font-size: 11px;
    text-decoration: none;
}
#filariane a:hover {
    color: #3C3C3C;
}




/* CONTENT */
.ligne {
     background: url("img/ligne.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    height: 2px;
    margin: 8px 0;
    width: 100%;
}
.entry-meta {
    clear: both;
}
div *:last-child {
    margin-bottom: 0;
}

div.arondis {
    border-radius: 8px 8px 8px 8px;
}

div.cadre_blanc {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 10px;
    padding: 10px 20px;
}

.marge {
    padding: 10px;
}

.cadre_blanc.colonne_g {
   width: 330px;
   padding: 0;
}
.cadre_blanc.colonne_d {
    width: 330px;
    padding: 0;
}

.clear {
    clear: both;
}

img, img.size-full, img.size-large, img.header-image, img.wp-post-image {
    height: auto;
    max-width: 100%;
}

#primary ul:not(.boutons_onglets) li {
    list-style-image: url("img/fleche-bleu-2.png");
    margin-left: 15px;
    padding: 2px 0 5px;
}

#primary ul:not(.boutons_onglets) {
	margin-bottom: 10px;
}
.textwidget ul li {
    list-style-image: url("img/fleche-bleu-2.png");
    margin-left: 15px;
    padding: 2px 0;
}
.textwidget ul li a{
	color: #00A5E6;
}


.hotline {
    background: url("img/hotline.gif") no-repeat scroll 6px center #E4302F;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 6px 3px 24px;
}

a.lien_article, a.lien_article h1, a.lien_article h3, a.lien_article h2 {
    text-decoration: none;
}
a.lien_article {
    display: block;
    margin-bottom: 8px;
}
article {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 15px;
    padding: 10px;
}

div.col_quart {
    display: inline-block;
    float: left;
    margin-right: 10px;
    max-width: 141px;
	height:100px;
}
.log_titre {
    color: #646464;
    float: left;
    margin-bottom: 20px;
    padding-top: 25px;
}

/* contact */

.formligne {
	margin-bottom: 3px;
	clear:both;
}
.formcol1 {
	width:35%;
	float:left;
	display: none;
}
.formcol2 {
	
}
.champtxt {
	width:100%;
}


/* logiciels */
.domino .log_titre h1, .domino .contents_log h3, .domino .contents_log h2{color:#005CA5;}
.mikado .log_titre h1, .mikado .contents_log h3, .mikado .contents_log h2{color:#F5911E;}
.mentalo .log_titre h1, .mentalo .contents_log h3, .mentalo .contents_log h2{color:#00984E;}
.diabolo .log_titre h1, .diabolo .contents_log h3, .diabolo .contents_log h2{color:#00ACED;}
.cogito .log_titre h1, .cogito .contents_log h3, .cogito .contents_log h2{color:#592381;}
.oligo .log_titre h1, .oligo .contents_log h3, .oligo .contents_log h2{color:#e2007a;}
.jeudemo .log_titre h1, .jeudemo .contents_log h3, .jeudemo .contents_log h2{color:#FFC00E;}
.lasido .log_titre h1, .lasido .contents_log h3, .lasido .contents_log h2{color:#EF5A22;}


#primary  .domino .contents_log ul li {list-style-image: url("img/fleche-domino.png"); }
#primary  .mikado .contents_log ul li {list-style-image: url("img/fleche-mikado.png"); }
#primary  .mentalo .contents_log ul li {list-style-image: url("img/fleche-mentalo.png"); }
#primary  .diabolo .contents_log ul li {list-style-image: url("img/fleche-diabolo.png"); }
#primary  .cogito .contents_log ul li {list-style-image: url("img/fleche-cogito.png"); }
#primary  .oligo .contents_log ul li {list-style-image: url("img/fleche-oligo.png"); }
#primary  .jeudemo .contents_log ul li {list-style-image: url("img/fleche-jeudemo.png"); }
#primary  .lasido .contents_log ul li {list-style-image: url("img/fleche-lasido.png"); }

/*logiciels fond colorés*/
#primary  .domino .contents_log.logiciel{background-color:#005CA5;}
#primary  .mikado .contents_log.logiciel{background-color:#F5911E;}
#primary  .mentalo .contents_log.logiciel{background-color:#00984E;}
#primary  .diabolo .contents_log.logiciel{background-color:#00ACED;}
#primary  .cogito .contents_log.logiciel{background-color:#592381;}
#primary  .oligo .contents_log.logiciel{background-color:#e2007a;}
#primary  .jeudemo .contents_log.logiciel{background-color:#FFC00E;}
#primary  .lasido .contents_log.logiciel{background-color:#EF5A22;}
#primary  .contents_log.logiciel, .contents_log.logiciel h3, .contents_log.logiciel h2, .contents_log.logiciel *{color:#FFF;}
#primary  .contents_log.logiciel ul li{list-style-image: url("img/fleche-blanc.png");}

/*home fond colorés*/
#primary  #carteslogiciels .domino .img2{background-color:#005CA5;}
#primary  #carteslogiciels .mikado .img2{background-color:#F5911E;}
#primary  #carteslogiciels .mentalo .img2{background-color:#00984E;}
#primary  #carteslogiciels .diabolo .img2{background-color:#00ACED;}
#primary  #carteslogiciels .cogito .img2{background-color:#592381;}
#primary  #carteslogiciels .oligo .img2{background-color:#e2007a;}
#primary  #carteslogiciels .jeudemo .img2{background-color:#FFC00E;}
#primary  #carteslogiciels .lasido .img2{background-color:#EF5A22;}

.contents_log.gris{background-color:#EDEDED;}


/* onglets logiciels  */
.logiciel .boutons_onglets li {
    display: inline-block;
    float: left;
    height: 42px;
    list-style: none outside none;
    margin: 0 2px 2px 0;
    padding: 0;
    width: 167px;
}
.logiciel .boutons_onglets li:last-child {
    margin-right: 0;
}
.logiciel .boutons_onglets a {
    background: none repeat scroll 0 0 #EDEDED;
    border-radius: 8px 8px 0 0;
    color: #AAAAAA;
    display: table-cell;
    font-family: 'VAG Rounded W01 Light';
    font-size: 14px;
    height: 35px;
    line-height: 15px;
    padding: 4px 20px 3px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 127px;
}

.logiciel .multi li {
    display: inline-block;
    float: none;
    height: auto;
    list-style: none outside none;
    margin: 0 2px 2px 0;
    padding: 0;
    width: 100%;
}
.logiciel .multi a {
    background: none repeat scroll 0 0 #EDEDED;
    border-radius: 8px 8px 8px 8px;
    color: #AAAAAA;
    display: inline-block;
    font-family: 'VAG Rounded W01 Light';
    font-size: 14px;
    height: auto;
    line-height: 15px;
    padding: 8px 0 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
}

.logiciel .boutons_onglets a:hover {
	 color: #555555;
}
.logiciel .boutons_onglets a.actif{
	color:#fff;
}

.logiciel {
	margin-bottom:10px;
}


.contents_log { 
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 8px 8px;
    clear: both;
    margin-bottom: 10px;
    padding: 20px;
}
.contents_log.arrondis {
    border-radius: 8px 8px 8px 8px;
}
ul.boutons_onglets a.actif{background:#CCC;
}
ul.boutons_onglets a.actif{background:#CCC;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(50, 50, 50, 0.2);
	background: -webkit-linear-gradient( #CDCDCD, #ACACAC); 
	background: -moz-linear-gradient( #CDCDCD, #ACACAC); 
	background: -ms-linear-gradient( #CDCDCD, #ACACAC); 
	background: -o-linear-gradient( #CDCDCD, #ACACAC); 
	background: linear-gradient( #CDCDCD, #ACACAC);}
	
	
.boutons_onglets.domino a.actif{background:#005CA5;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #1e61b8, #004b9c); 
	background: -moz-linear-gradient( #1e61b8, #004b9c); 
	background: -ms-linear-gradient( #1e61b8, #004b9c); 
	background: -o-linear-gradient( #1e61b8, #004b9c); 
	background: linear-gradient( #1e61b8, #004b9c);}
.boutons_onglets.mikado a.actif{background:#F5911E;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #F5911E, #e07902); 
	background: -moz-linear-gradient( #F5911E, #e07902); 
	background: -ms-linear-gradient( #F5911E, #e07902); 
	background: -o-linear-gradient( #F5911E, #e07902); 
	background: linear-gradient( #F5911E, #e07902);}
.boutons_onglets.mentalo a.actif{background:#00984E;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #00984E, #017d41); 
	background: -moz-linear-gradient( #00984E, #017d41); 
	background: -ms-linear-gradient( #00984E, #017d41); 
	background: -o-linear-gradient( #00984E, #017d41); 
	background: linear-gradient( #00984E, #017d41);}
.boutons_onglets.diabolo a.actif{background:#00ACED;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #00ACED, #008bcc); 
	background: -moz-linear-gradient( #00ACED, #008bcc); 
	background: -ms-linear-gradient( #00ACED, #008bcc); 
	background: -o-linear-gradient( #00ACED, #008bcc); 
	background: linear-gradient( #00ACED, #008bcc);}
.boutons_onglets.cogito a.actif{background:#403F97;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #672698, #551c80); 
	background: -moz-linear-gradient( #672698, #551c80); 
	background: -ms-linear-gradient( #672698, #551c80); 
	background: -o-linear-gradient( #672698, #551c80); 
	background: linear-gradient( #672698, #551c80);}
.boutons_onglets.oligo a.actif{background:#CD128A;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #e2007a, #c0056a); 
	background: -moz-linear-gradient( #e2007a, #c0056a); 
	background: -ms-linear-gradient( #e2007a, #c0056a); 
	background: -o-linear-gradient( #e2007a, #c0056a); 
	background: linear-gradient( #e2007a, #c0056a);}
.boutons_onglets.jeudemo a.actif{background:#FFC00E;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #FFC00E, #eaa900); 
	background: -moz-linear-gradient( #FFC00E, #eaa900); 
	background: -ms-linear-gradient( #FFC00E, #eaa900); 
	background: -o-linear-gradient( #FFC00E, #eaa900); 
	background: linear-gradient( #FFC00E, #eaa900);}
.boutons_onglets.lasido a.actif{background:#EF5A22;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(60, 60, 60, 0.2);
	background: -webkit-linear-gradient( #EF5A22, #d64408); 
	background: -moz-linear-gradient( #EF5A22, #d64408); 
	background: -ms-linear-gradient( #EF5A22, #d64408); 
	background: -o-linear-gradient( #EF5A22, #d64408); 
	background: linear-gradient( #EF5A22, #d64408);}


.boutons_onglets.domino a.actif,
.boutons_onglets.mikado a.actif,
.boutons_onglets.mentalo a.actif,
.boutons_onglets.diabolo a.actif,
.boutons_onglets.cogito a.actif,
.boutons_onglets.oligo a.actif,
.boutons_onglets.jeudemo a.actif,
.boutons_onglets.lasido a.actif{
	text-shadow: 0 0px 0 rgba(6, 160, 217, 0.2);
}











/* plan du site */
#primary ul#menu-plan-du-site-colonne1>li, #primary ul#menu-plan-du-site-colonne2>li {
    margin: 0 0 10px 15px;
    padding: 2px 0 5px;
}

#primary ul#menu-plan-du-site-colonne1>li>a, #primary ul#menu-plan-du-site-colonne2>li>a {
	font-weight:bold;

}
#primary ul#menu-plan-du-site-colonne1 .sub-menu, #primary ul#menu-plan-du-site-colonne2 .sub-menu {
	margin-top:4px;
	margin-bottom:0;
	display:block;
}
#primary ul#menu-plan-du-site-colonne1 .sub-menu li, #primary ul#menu-plan-du-site-colonne2 .sub-menu li {
    list-style-image: none;
    margin-left:0;
    padding: 2px 0 5px;
	
}
#primary ul#menu-plan-du-site-colonne2-suite li, #primary ul#menu-plan-du-site-colonne2-suite li {
    list-style-image: none;
}