/*BALISES*/

a{
text-decoration: none;
color: green;
}

header{

}

nav{
			text-align: left;
			padding: 30px 0 40px 25px;
			font-family: "Arial", Helvetica, sans-serif;
			font-size: 25px;
			line-height: 26px;
}

nav a{
			color: white;
			text-decoration: none;	
}

nav a:hover{
	color: black;
	font-weight: bold;
}

nav a:active{
	margin: 0px 0px 0px -10px;
	font-weight: bold;
}

h1 {
		font-size: 30px;
		padding: 10px 10px 15px 10px;
		font-weight: bold;
}

h2 {
		padding: 10px 10px 15px 10px;
}

p {
		text-align: justify;
		padding: 10px 10px 10px 10px;
}

/*IDS*/
	
#cadrage{
			width:100%;
			height:100%;
			text-align:center;
			background-color:#f0f0f0;
			padding: 30px 0 20px;
}

#emballage{
			width:960px;
			text-align:center;
			margin: 0 auto;
			height:100%;
}

#menu_haut{
			width:100%;
			overflow:hidden;
			padding: 10px 0px 10px 0px;
			margin: 0 auto;
}
#menu_haut a{
			color: black;
}

#search {
	float:right;
	margin: 0 10px 0 10px;
	}

#lang {
	float:right;
	margin: 0 10px 0 10px;
	}

#lien_zone_client {
	float:right;
	margin: 0 10px 0 10px;
	}
	
#lien_zone_client img {	
	vertical-align:text-bottom;
	padding: 0px 3px 0px 0px;	
	}
	
#en_tete{
			width:100%;
			height:200px;
			background-color:green;
			text-align:center;
			margin: 0 auto;
			background:url(../img/entete.jpg);
	      background-repeat:no-repeat;
	      background-position:center center;
}

#logo_tete{
			text-align:center;
			margin: 0 auto;
}

#contenu{
			width:100%;
			text-align:center;
			margin: 0 auto;
			padding: 20px 0 20px 0;
			height: 100%;
}
#gauche_barre {
			width:200px;
			text-align:center;
			background-color: green;
			float: left;
}
#subnav {
			text-align: left;
			padding: 0px 0 0px 20px;
			font-family: "Arial", Helvetica, sans-serif;
			font-size: 15px;
			background-color: yellowgreen;
			font-weight: bold;
	}		

#subnav a{
			color: black;
			text-decoration: none;	
}

#subnav a:hover{
	color: white;
	font-weight: bold;
}
		
#encart{
			padding: 30px 0 30px 0;	
			text-align:center;
			min-height: 150px;
	}
#encart img{
			border-style:solid;
			border-width:2px;
			border-color:#000000;
	}

#ethique{
			text-align:center;
			background-color: yellowgreen;
			margin: 5px;
			padding: 10px 0 10px 0;
	}
	
#politiques{
			background:url(../img/minilogo.jpg);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:white;
			text-align: justify;
			font-size: 1.2em;
			font-weight: bold;
			border-style:solid;
			border-width:1px;
			border-color:#000000;
			margin: 50px 10px 10px 10px;
			padding: 3px;
}

#politiques a{
	text-decoration: none;
	color: black;
}	

#droite_large {
			width:750px;
			text-align:center;
			float: right;
			height: 100%;
}

#home{
height: 100%;
}

#services{

}
#projets{

}
#contact{

}
#ressources{

}
#apropos{

}
#promotionnel{

}
#valeurs{

}
#conception{

}
#logilibres{

}
#support{

}
#vertdemain{

}
#portable{

}
#nuagique{

}
#normalisation{

}

#pub {
			margin: 20px 0 0 0;
			width:100%;
			text-align:center;
			min-height: 150px;
			background-color: silver;
			border-style: solid;
			border-color: green;
			border-width: 1px;
			background:url(../img/ecrancouleur.png);
			background-repeat:no-repeat;
			background-position:center center;

}

#pub a{
			text-decoration: none;
			color: black;
}
	
#pied_de_page{
			width:100%;
			text-align:center;
			background-color:green;
			margin: 0 auto;
}


#menu_bas {
				padding: 10px 0 10px 0;
}

#menu_bas li {
				display: inline;
}

#menu_bas a{
				color: black;
				text-decoration: none;	
}

#menu_bas a:hover{
				font-weight: bold;
}

#legal{				padding: 15px 0 10px 0;
				font-size: 11px;
}




/*CLASSES*/


.menu_separateur {
	float:right;
	margin: 0 5px 0 5px;
	}
	
.searchbutton{

			background-image: url('../img/loupe.jpg');
			background-repeat:no-repeat;
	      background-position:center center;
	      background-color: grey;
			width: 20px;
    		height: 20px;			
}


.presentation {
			background-color: white;
			border-style: solid;
			border-color: green;
			border-width: 1px;
			margin: 0 0 20px 0;
			padding: 20px 0px 20px 0px;
	
}

.presentation a:hover{
	color: black;
	font-weight: bold;
}

.fioriture_h {
			text-align: center;
			background-color: yellowgreen;
			padding: 20px 0px 10px 0px;
	}
.fioriture_b {
			text-align: center;
			background-color: yellowgreen;
			padding: 5px 0px 25px 0px;
	}


.features {
			width:100%;
			margin: 8px 0 8px 0;
			height:100%;
			position: relative;

	
}
.feature {
			margin: 0 4px 0 4px;
			padding: 10px 0 10px 0;
			float: left;
			width:240px;
			background-color: white;
			border-style: solid;
			border-color: green;
			border-width: 1px;
			min-height: 250px;
			height:100%;
			position: relative;
	
}

.featuretext {
			width:220px;
			height: 80px;
			max-height: 80px;
			position: relative;
			text-align: justify;
	
}

.bold {
	font-weight: bold;
}

.titre {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 40px 0 ;
}

.emphase {
	font-size: 16px;
}

.vert {
	color: green;
}


.float_l {
	float: left;
}

.float_r {
	float: right;
}

.clear {
			clear: both;
}

.center {
			text-align: center;
		}
		
.mini {
	font-size: 10px;
} 

.procheup {
	margin: -15px 0 0 0;
} 

.plainlink a:hover{
	color: green;
	font-weight: normal;
}
	

/*CLASSES DE RETRO-COMPATBILITE*/

.sans_js {

}

.vieux_ie {

}

.ie6 {

}

.ie7{

}

.ie8{

}


/*FIN DU CSS*/

/*

Conception par I-Vert Technologies - 2009-2012
http://www.iverttech.com

Dévellopé avec Notepad++ - logiciel à code source ouvert de type GNU - http://notepad-plus.sourceforge.net

Coucu pour: I-Vert Technologies - Tous droits réservés
Fichier: styles.css
Fonction: Définition des styles prinipaux du site
Notes:

*/