/* @override Credits */
/*
Date : 16.12.2009
Auteur : Adrien Heury
Projet : MC+ (site web)
Logiciel : CSS Edit 2.6 - iMac
Commentaire : 

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

@import url("reset.css");
@import url("grid.css"); 
@import url("typography.css");

body {
	background: #a2b1bd /*url(../images/bkg-visuel.jpg) no-repeat center 0 fixed*/;
	color: #fff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	/* On force l'affichage de la scrollbar meme quand il n'y en a pas besoin pour eviter que l'image se redimensionne quand on fait disparaitre le contenu central */
	overflow-y: scroll !important;
}

*+ html body {
	/* IE lui affiche 2 scrollbar !! alors faut lui preciser... */ 
	overflow-y: auto !important;
}

/* IE Fix: Bicubic Scaling for Images */
img { -ms-interpolation-mode: bicubic; }

/* @group BKG sur body */

/* Le Flash occupe 100% de la page (hauteur et largeur) en background et se redimensionne à la taille du navigateur + Le Contenu scroll par dessus */
html, body { height: 100%; width: 100%; }
#flashcontent { height: 100%; width: 100%; position: fixed; top:0; left:0; }
.thecontainerFlash { position: absolute; top:0; left: 0; /*width: 950px;*/ }

/* Effet de pointillés sur les images */
.pointilles {
	background: url(../images/bkg-points.png) repeat 0 0; 
	width: 100%; 
	height: 100%;
	position: fixed;	
}

/* L'effet pointillé sur les images fait BUGGUER le scroll sur IE malheureusment il faut le virer */
*+ html .pointilles {
	background: none;
}

/* @end */

/* @group Généralités */

/* Liens génériques */
a {
	color: #c8c8c8;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #7bbc43;
}

/* Titrages génériques */
/* h1 = logo */
h1 {
	margin: 0;
	padding: 0;
}

/* Titre des pages en images */
h2 span {
	display: none;
}

h3 {
	color: #7bbc43;
	font-size: 16px;
}

h5 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

h6 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 40px;
}

/* Entete : Architecte + Ingénieurs (menu de gauhce) et Bourget du lac, Lyon, Annecy, Paris, Montréal (partie centrale) */
span.titre {
	text-transform: uppercase;
	font: normal 10px Tahoma, Verdana, sans-serif;
}

/* Liens de langue en haut à droite */
span.langue {
	position: absolute;
	top: 40px;
	right: 50px;
	font: normal 9px Tahoma, Verdana, sans-serif;
}

/* Bouton fermeture */
span.fermeture {
	cursor: pointer;
	float: right;
	margin-right: 20px;
}

span.fermeture span {
	background: url(../images/picto-close.png) no-repeat 0 -15px;
	display: block;
	width: 15px;
	height: 15px;
}

span.fermeture span:hover {
	background-position:  0 0;
}

span.fermeture span span {
	display: none;
}

span.miniInfo {
	font-size: 11px;
	color: #c8c8c8;
}

/* Petit lien pour téléchargement */
.miniLink {
	font-size: 11px;
	line-height: 13px;
}

/* Texte aide */
.help {
	font-size: 10px;
	display: block;
	margin-left: 100px;
	font-style: italic;
}

/* Lien de retour */
.back {
	display: block;
	height: 20px;
	background: url(../images/picto-fleche-back.gif) no-repeat 0 0;
	float: right;
	margin-right: 5px;
	margin-top: 65px;
}

.back span {
	padding: 0 0 0 25px;
	margin: 2px 0 0 0;
	display: block;
}

/* Fil d'ariane */
span.ariane {
	display: block;
	margin: 0 0 5px 0;
	font-size: 11px;
}

.focus {
	background: #4c4c4c;
	color: #eee !important;
	font-size: 9px;
	padding: 2px;
	float: right;
}

.oblig {
	color: #f8005d;
}

.right {
	float: right;
}

.left {
	float: left;
}

form fieldset legend {
	display: none;
}

form fieldset div label {
	display: block;
	float: left;
	width: 150px;
	font-size: 11px;
}

form fieldset div input, form fieldset div textarea {
	border: none;
	font-size: 12px;
	padding: 3px;
	font-family: Arial;
}

form fieldset div.soumission input {
	background: #7bbc43;
	color: #fff;
	padding: 3px 6px;
}

form fieldset div.soumission input:hover {
	background: #a2b1bd;
}

/* @end */

/* @group Gauche (Menu + Logo) */
#fullMenu {
	position: fixed;
	color: #000;
}

.menu {
	background: #fff;
	margin: 0 0 0 0;
	padding: 12px 20px 20px 20px;
	/*-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	position: fixed;*/
	margin: 0;
}

/* Arrondir les angles : ie7... */
.menuTop {
	background: url(../images/bkg-menu-top.png) no-repeat 0 0;
	margin: 20px 0 0 0;
	height: 10px;
}

.menuBottom {
	background: url(../images/bkg-menu-bottom.png) no-repeat 0 0;
	margin: 0;
	height: 10px;
}

/* Logo */
.menu .logo {
	display: block;
	margin: 30px 0 35px 0;
}

.menu .logo {
	text-decoration: none;
}

.menu span.titre {
	display: block;
	text-align: center;
}

/* Titres rubriques menu */
.menuTitreProjets span, .menuTitreApropos span, .menuTitreContact span, .menuTitreMissions span {
	display: none;
}

/* Titres des 3 rubriques du menu */
.menuTitreProjets {
	display: block;
	background: url(../images/menu-titre-projets.png) no-repeat 0 0;
	width: 52px;
	height: 18px;
	margin: 0 0 15px 0;
	padding: 0;
}

.menuTitreApropos {
	display: block;
	background: url(../images/menu-titre-apropos.png) no-repeat 0 0;
	width: 140px;
	height: 31px;
	margin: 0 0 15px 0;
	padding: 0;
}

.menuTitreMissions {
	display: block;
	background: url(../images/menu-titre-missions.png) no-repeat 0 0;
	width: 140px;
	height: 31px;
	margin: 0 0 15px 0;
	padding: 0;
}

.menuTitreContact {
	display: block;
	background: url(../images/menu-titre-contact.png) no-repeat 0 0;
	width: 140px;
	height: 27px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* Menu */
.menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
	/*border-bottom: 1px solid #393836;*/
}

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

.menu ul li a:hover span, .menu ul li.select a span {
	color: #7bbc43;
}

/* @end */

/* @group Centrale */

/* Arrondir les angles : ie7... */
.centraleTop {
	background: url(../images/bkg-opacity-75-top.png) no-repeat 0 0;
	margin: 20px 0 0 190px;
	height: 20px;
}

.centraleBottom {
	background: url(../images/bkg-opacity-75-bottom.png) no-repeat 0 0;
	margin: 0 0 10px 190px;
	height: 20px;
}

.centrale {
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
	margin: 20px 0 20px 190px;
	padding: 20px 0 20px 40px;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	min-height: 555px;
	/*position: absolute;*/
	/*
	display: none;
	*/
	
	/* Special bord arrondi */
	margin: 0 0 0 190px;
	padding: 0 0 0 40px;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
}

/* Formulaire de contact */
.centrale form.message {
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	padding: 20px;
}

.centrale form.message fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.centrale form.message fieldset legend {
	display: none;
}

.centrale form.message fieldset div {
	margin: 0 0 5px 0;
}

.centrale form.message fieldset div label {
	width: 100px;
	display: block;
	margin-top: 7px;
	float: left;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.centrale form.message fieldset div input.inputTexte, .centrale form.message fieldset div textarea {
	border: none;
	padding: 5px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 150px;
}

.centrale form.message fieldset div input.inputTexte:focus, .centrale form.message fieldset div textarea:focus {
	background: #FFFF99;
}

.centrale form.message fieldset div input.valider {
	background: #7bbc43;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 2px 8px;
	font-size: 10px;
	color: #fff;
	border: none;
}

.centrale form.message fieldset div input.valider:hover {
	background: #333;
}

/* Liste à puce */
.contenu {
	margin-left: 40px;
}

.contenu ul li {
	line-height: 14px;
	font-size: 12px;
	list-style: square;
}

img.accroche {
	display: block;
	margin-bottom: 20px;
	border: 1px solid #a2b1bd;
}

.miseEnAvant {
	background: url(../images/bkg-opacity-30.png) repeat 0 0;
	border: 1px solid #7bbc43;
	padding: 18px;
}

.miseEnAvant p {
	margin-bottom: 0;
}

/* @group Bloc Intro */

.centrale .intro {
	background: url(../images/separateur-repeat.gif) repeat-x 0 0;
	margin-right: 40px;
	padding: 30px 0 20px 40px;
	min-height: 1px;
}

.centrale .intro h3 {
	color: #7bbc43;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
}

.centrale .intro h4 {
	color: #fff;
	font: normal 16px/24px Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Home */

.centrale .home h2 {
	display: block;
	height: 50px;
	width: 370px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-home.png) no-repeat 0 0;
}

.centrale .home .colonne {
	background: url(../images/separateur-repeat.gif) repeat-x 0 top;
	padding: 20px 0 0 0;
}

/* @end */

/* @group Qui sommes nous */

.centrale .presentation h2 {
	display: block;
	height: 50px;
	width: 420px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-presentation.png) no-repeat 0 0;
}

/* @end */

/* @group Interventions */

.centrale .interventions h2 {
	display: block;
	height: 50px;
	width: 420px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-interventions.png) no-repeat 0 0;
}

/* @end */

/* @group Domaines d'activité */

.centrale .activites h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-domaines.png) no-repeat 0 0;
}

/* @end */

/* @group Conseil et Audit */

.centrale .conseilAudit h2 {
	display: block;
	height: 50px;
	width: 470px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-conseil.png) no-repeat 0 0;
}

/* @end */

/* @group Validation */

.centrale .validation h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-validation.png) no-repeat 0 0;
}

/* @end */

/* @group Assistance */

.centrale .assistance h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-assistance.png) no-repeat 0 0;
}

/* @end */

/* @group Etudes */

.centrale .etudes h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-etudes.png) no-repeat 0 0;
}

/* @end */

/* @group Formation */

.centrale .formation h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-formation.png) no-repeat 0 0;
}

/* @end */

/* @group References */

.centrale .references h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-references.png) no-repeat 0 0;
}

/* @end */

/* @group Liens utiles */

.centrale .liens h2 {
	display: block;
	height: 50px;
	width: 450px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-liens.png) no-repeat 0 0;
}

/* @end */

/* @group Contact */

.bodyContact .contenu {
	margin-top: 30px;
}

.centrale .contact {
	/*background: url(../images/lines-contact.png) repeat-y 0 0;*/
}

.centrale .contact h2 {
	display: block;
	height: 50px;
	width: 400px;
	margin: 35px 0 10px 0;
	padding: 0;
	background: url(../images/titre-contact.png) no-repeat 0 0;
}

/* Formulaire php */
.centrale .contact .error {
	color: #f8005d;
	font-size: 10px;
	margin-left: 100px;
}

.centrale .contact .messageOK {
	color: #00fa99;
	font-size: 10px;
	margin-left: 120px;
}


/* @end */

/* @end */

/* @group Bas */

.footer {
	margin: 0 0 20px 190px;
	padding: 0;
	font-size: 10px;
	/*display: none;*/
}

.footer a {
	color: #fff;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .handmade {
	float: right;
	display: block;
	background: url(../images/handmade-blanc.gif) no-repeat 0 0;
	height: 15px;
	width: 95px;
}

.footer .handmade span {
	display: none;
}

.eperluette {
	color: #7bbc43;
}

/* @end */

/* Partie invisible au départ "div qui apprait avec le JS dropInOut */

.swapRetour {
	display: block;
}

.swapRetour img {
	color: #c8c8c8;
	display: block;
	float: left;
	margin-right: 10px;
	border: none !important;
}

.swapRetour:hover {
	color: #7bbc43;
}

.menuBas2 {
	background: url(../images/bkg-opacity-75.png) repeat 0 0;
	padding: 30px 10px 10px 10px;
	height: 10px;
	border-bottom-right-radius: 11px;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	position: absolute;
	bottom: 0;
	left: 930px;
	display: none;
	width: 25px;
}

.menuBas img {
	border: 1px solid #53514e;
}

.menuBas img:hover {
	border: 1px solid #a3c540;
}