/* standard pour mettre en page le site */

html {
height: 101%;
background-color: #638958;
}

body {
color : #333;
background : #e3e3e3;
background-color: #638958;
font-family: Arial, sans-serif;
font-size : 12px;
padding : 0;
margin : 0;
}

img {
border : none;
}

a:hover {
text-decoration : none;
}

a:focus {
outline: none;
}

.clr {
clear : both;
}

li {
list-style : none;
}

p {
padding : 4px 0 4px 0;
}

* {
margin : 0;
padding : 0;
}

h1, h2, h3, h4, h5 {
font-size : 14px;
font-weight : normal;
}

#wrapper {
	width: 80%;
	margin-left: 12.5%;
	background-color: #638958;
	
}

/* css pour le corp de la page */

div.corp_page {
width: 1010px;
margin: 0;
padding: 0;
background-color: #fff;
}

/* On s'occupe ensuite des différents conteneurs de la page, ceux qu'on a définit au fil de la conception
du fichier 'index.php'. Ici rien de compliqué, on définit les hauteurs et largeurs essentiellement. */

#logo {
height: 222px;
width: 940px;
/*float: left;*/
margin-left: auto;
margin-right: auto;
background: url(../images/logo.jpg) top left no-repeat;
}

#logo a {
width: 450px;
height: 90px;
display: block;
}
.custom {
overflow:hidden;
}

#accordeon
{
width: 1000px;
height: 380px;
float: left;
}

/*#presentation
{
float:right;
margin-right:220px;
width: 500px;
height: 200px;
}*/

#news {
height: 100px;
width: 500px;
float: left;
}

#topmenu {
height: 50px;
}

#conteneur {
padding : 10px;
}

#slideshow {
height: 235px;
clear: both;
margin: 10px 0 10px 0;
}

#breadcrumbs {
height: 20px;
}

#footer {
padding: 10px;
text-align: center;
}

/* définitions des colonnes principales gauche, centre et droite */

#gauche-haut {
width: 200px;
height:500px;
float: left;
}

#gauche-bas {
margin-top:245px;
margin-left:-200px;
width: 200px;
height:250px;
float: left;
}

.aswift_0
{
background-color: #bbb;
margin-top:245px;
margin-left:-200px;
width: 200px;
height:250px;
float: left;
}
.aswift_0_anchor
{
background-color: #bbb;
margin-top:245px;
margin-left:-200px;
width: 200px;
height:250px;
float: left;
}

#centre.normal{
overflow:hidden;
float: left;
width: 590px;
height:100%;
}

#centre.large {
float: left;
width: 790px;
}

#centre div.interne {
padding: 10px;
}

#droite-haut
{
height: 113px;
width: 200px;
float: right;
}

#droite-haut li {
background:#B5E655;
margin-top:4px;
}

#droite {
width: 200px;
height:750px;
float: right;
}

#adminForm {
height:1500px;
}

#reseau_sociaux
{

height:500px;
}

/*** modules bas ***/
div.entier {
width: 100%;
}

div.moitie {
width: 50%;
}

div.tiers {
width: 33%;
}

div.modules_bas {
float: left;
}

div.modules_bas div.interne padding: 10px;
}

div.modules_bas ul li {
line-height: 20px;
margin-left: 10px;
}

div.modules_bas h3 {
line-height: 35px;
}

.items-row.cols-2.row-0
{
display:none;
}

/* définition de la pagination pour la présentation en blog de la page d'accueil */

/* on masque le mot "détail" qui apparait */
.article-info-term {
display:none;
}

.blog-featured {
margin-top:50px;
}
.items-leading {
}

.featured-leading-0 {
padding-top:10px;
padding-right:20px;
margin-left:5%;
display:inline;
float:left;
width:45%;
overflow:hidden;
height:180px;
}

.featured-leading-1 {
padding-top:10px;
/*display:inline;*/
overflow:hidden;
width:45%;
height:180px;
}

.featured-leading-2 {
padding-top:10px;
padding-right:20px;
margin-left:5%;
display:inline;
float:left;
width:45%;
overflow:hidden;
height:180px;
}

.featured-leading-3 {
padding-top:10px;
/*display:inline;*/
overflow:hidden;
width:45%;
height:180px;
}

.featured-leading-4 {
padding-top:10px;
padding-right:20px;
margin-left:5%;
display:inline;
float:left;
width:45%;
overflow:hidden;
height:180px;
}

.featured-leading-5 {
padding-top:10px;
display:inline;
overflow:hidden;
width:45%;
height:180px;
}

/*** topmenu ***/
#topmenu
{
width:100%;
margin-left:0px;
text-align:center;
}
#topmenu li {
background:#B5E655;
height: 30px;
padding: auto;
float: left;
margin: 0 1px;
width: 16.1%;
line-height: 30px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
}

#topmenu li a {
color: #fff;
padding: 0;
margin: 0;
line-height: 30px;
}

#topmenu li a:hover, #topmenu li.current {
color: #9e9e9e;
}
/*** menu colonne ***/
h3 {
color: #9e9e9e;
font-size: 14px;
font-weight: bold;
padding-left: 20px;
}

ul.menu li {
background: #9e9e9e;
border-bottom: 1px solid #fff;
line-height: 30px;
margin: 0 5px;
}

ul.menu li ul li{
margin-left: 10px;
background: #666;
}

ul.menu li a {
color: #fff;
text-decoration: none;
line-height: 25px;
padding-left: 10px;
}

ul.menu li a:hover {
color: #000;
}

/* ajout d'un padding bas pour assurer la marge avec le texte */


/*** module de recherche ***/
.search
{
margin-top:5px;
height:80px;
text-align:center;
}

#mod-search-searchword
{
margin-bottom:5px;
}

.phrases {
margin-top:30px;
}
/*** formulaires ***/
input#modlgn-username, input#modlgn-passwd {
width: 153px;
height: 28px;
line-height: 25px;
background: url(../images/login_form.png) left top no-repeat;
border: none;
margin: 0;
padding: 0px 0 5px 10px;
}

.userdata p{
text-align:center;
}

#login-form fieldset{
border:none;
}

#login-form li{
line-height: 25px;
}

#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email, #jform_email1, #jform_email2 {

}

#jfom_spacer-lbl
{
font-weight:bold;
text-align:right;
}

.userdata
{
height:180px;
}

/*** codes pour les paramètres d'un article ***/

h2 /* contient le titre de l'article */
{
color=#000000;
}

.print-icon
{
display:none;
width:20px;
height:12px;
}

.email-icon
{
display:none;
width:550px;
height:12px;
margin-top:-12px;
margin-left:20px;
}

.article-info-term
{
background-color:#B5E655;
}

.featured-category-name
{
font-size:15px;
font-weight:bold;
}
.category-name
{
display:none;
}

.published
{
background-color:#B5E655;
}

.createdby
{
background-color:#B5E655;
}

.hits /* contient le nombre d'affichage*/
{
background-color:#B5E655;
}

/*** Cloud ***/
#holder_TC88
{
margin-top:5px;
background-color:#B5E655;
}

/*** Module lien web ***/

.weblinks  /* décrit le module "lien web" */
{
margin-top:10px;
height: 401px;
width: 200px;
background-color:#fff;
}

.weblinks li /* décrit les éléments du module "lien web"*/
{
margin-left:5px;
margin-top:5px;
text-align:center;
line-height: 40px;
font-weight : bold;
height: 40px;
width: 190px;
}

/*** code pour le module réseau sociaux ***/
#reseau_sociaux
{
text-align:center;
margin-top:5px;
height: 45px;
width: 200px;
}

#linkedin
{
}

#facebook
{
}

#twitter
{
}

/*** code pour le message ie ***/

#Details_information {
	background-color:white;
	border-style:inset;
	border-width:5px;
	border-color:green;
}

#titre_div_droite {
	font-weight:bold;
	font-size:15px;
	color:#1A9A00;
}

/* code css pour les éléments généraux (cadres, légendes, ...) */

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none} 


.contact-name
{
display:none;
}

h3
{
display:none;
}

/*on efface cette div pour faire disparaître un contenu*/
.cat-children
{
display:none;
}

.cat-items p {
height:500px;
}

.readmore
{
text-align:center;
color: #fff;
background-color:#B5E655;
}

fieldset{

}

#login-form ul 
{
text-align:center;
}

.userdata input.button
{
margin-left:25%;
}

input.button {
text-align:center;
background-color:#B5E655;
color: #fff;
border: none;
padding: 7px;
cursor: pointer;
}

button.validate {
background:#B5E655;
color: #fff;
margin-top: 5px;
border: none;
padding: 7px;
cursor: pointer;
}

legend {
margin-left:15px;
}
.form-validate
{
text-align:center;
}

/*** code pour l'accordéon ***/

/* on commence par les id. C'est la qu'on va insérer les images de fond.
L'image de fond de l'accordeon est designé par le nom simple,
et les pages par le nom concaténé au numéro de la page


#societe
{
background: url(../images/fond.jpeg) center no-repeat;
}

#societe1
{
background: url(../images/valeurs2.jpg) center no-repeat;
}

#societe2
{
background: url(../images/nous_connaitre2.jpg) center no-repeat;
}

#societe3
{
background: url(../images/lequipe2.jpg) center no-repeat;
}

#services
{
background: url(../images/fond.jpeg) center no-repeat;
}

#services1
{
background: url(../images/formation2.jpg) center no-repeat;
}

#services2
{
background: url(../images/services_info2.jpg) center no-repeat;
}

#services3
{
background: url(../images/conseils.jpg) center no-repeat;
}

#services4
{
background: url(../images/d3e2.jpg) center no-repeat;
}

/* les classes vont gérer tout le reste */

/*
.accueil
{
width: 990px;
height: 300px;
overflow: hidden;
}
.page1
{ 
width: 40px;
height: 100%;
float: left;
overflow: hidden;
background-color: #fff;
}
.page1:hover
{
width: 87.5%;
height: 100%;
overflow: hidden;
}
.page2
{
width: 40px;
height: 100%;
float: left;
overflow: hidden;
background-color: #fff;
}
.page2:hover
{
width: 87.5%;
height: 100%;
overflow: hidden;
}
.page3
{
width: 40px;
height: 100%;
float: left;
overflow: hidden;
background-color: #fff;
}
.page3:hover
{
width: 87.5%;
height: 100%;
overflow: hidden;
}
.page4
{
width: 40px;
height: 100%;
float: left;
overflow: hidden;
background-color: #fff;
}
.page4:hover
{
width: 87.5%;
height: 100%;
overflow: hidden;
}

.page_titre
{
margin-top:140px;
display:block;
height: 40px;
width: 400px;
margin-left: -180px;
color:#fff;
background-color:#B5E655; 
text-transform:lowercase;
font-weight:bold;
text-align: center;
font-size: 22px;
letter-spacing: 2px;
}
.contenu
{
width: 0px;
height: 0px;
position:relative;
background-color: white;
overflow: hidden;
padding: 6px;
}

.legend_titre
{
margin-top:0px;
text-align:center;
color:white;
float:right;
font-size: 40px;
}

.legend_texte
{
color:white;
float:right;
font-size: 15px;
}

.lien_page
{
margin-left:40px;
width: 980px;
height: 100%;
position:relative;
z-index:2;
}

.contenu_temp
{
height: 190px;
width: 30%;
float:right;
background-color: rgba(0, 0, 0, 0.5);
color:white;
}

.page1:hover .contenu, .page2:hover .contenu, .page3:hover .contenu, .page4:hover .contenu, .page5:hover .contenu
{
top:0;
height: 100%;
width: 30%;
float:right;
background-color: rgba(0, 0, 0, 0.5);
color:white;
overflow: none;
} */


/*** code pour le module remplaçant l'accordeon sur ipad (qui finalement est implanté partout ***/


#bouton_fond {
margin-left:5%;
width: 940px;
height: 300px;
overflow: hidden;
}

#bouton_fond img {
width: 603px;
height: 300px;
margin-left:31.1%;
}

#societe1
{
line-height: 100px;
}

#societe2
{
line-height: 100px;
margin-top:-21.5%;
}

#societe3
{
line-height: 100px;
}

#service1
{
line-height: 75px;
}

#service2
{
line-height: 75px;
margin-top:-23.9%;
}

#service3
{
line-height: 75px;
}

#service4
{
line-height: 75px;
}

.bouton1
{
position:relative;
z-index:2;
margin-top:-31.87%;
background:#B5E655;
padding: 0 5px;
float: left;
width: 30%;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;

background: #61c419; /* Old browsers */
background: -moz-linear-gradient(top,  #61c419 0%, #61c419 4%, #90e251 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c419), color-stop(4%,#61c419), color-stop(52%,#90e251)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* IE10+ */
background: linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#90e251',GradientType=0 ); /* IE6-9 */


}

.bouton2
{
position:relative;
z-index:2;
background:#B5E655;
padding: 0 5px;
width: 30%;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;

background: #61c419; /* Old browsers */
background: -moz-linear-gradient(top,  #61c419 0%, #61c419 4%, #90e251 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c419), color-stop(4%,#61c419), color-stop(52%,#90e251)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* IE10+ */
background: linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#90e251',GradientType=0 ); /* IE6-9 */
}

.bouton3
{
position:relative;
z-index:2;
background:#B5E655;
padding: 0 5px;
width: 30%;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;

background: #61c419; /* Old browsers */
background: -moz-linear-gradient(top,  #61c419 0%, #61c419 4%, #90e251 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c419), color-stop(4%,#61c419), color-stop(52%,#90e251)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* IE10+ */
background: linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#90e251',GradientType=0 ); /* IE6-9 */

}

.bouton4
{
position:relative;
z-index:2;
background:#B5E655;
padding: 0 5px;
width: 30%;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
overflow:hidden;

background: #61c419; /* Old browsers */
background: -moz-linear-gradient(top,  #61c419 0%, #61c419 4%, #90e251 52%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c419), color-stop(4%,#61c419), color-stop(52%,#90e251)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* IE10+ */
background: linear-gradient(top,  #61c419 0%,#61c419 4%,#90e251 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c419', endColorstr='#90e251',GradientType=0 ); /* IE6-9 */


}