/***********CONTENANT (Body, Global et Conteneur)*****************/

body
{
	background-image: url(../img/fond_chrysalis.png);
	margin: 0;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
}
/*Bloc contenant total (pour l'ombre portée à gauche et à droite)*/
#global
{
	width: 910px;
	height: auto;
	background-image: url(../img/img_ombree.png);
	background-repeat:repeat-y;
	margin: auto;
}

/*Bloc du site en lui-même*/
#conteneur
{
	width: 900px;
	height: auto;
	margin: auto;
}

/*Pour les clics sur les liens, pas de cadre, pas de souslignage*/
body a, body input
{
	outline: none;
	text-decoration: none;
	
}
* {
	border: none;
}
/*Classe pour nettoyer les flottants*/
.clearer
{
	clear: both;
	height: 1px;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #747474;
	margin-top: 8px;
	margin-bottom: 10px;
	text-align: justify;
}

a img{ border:none;}

/*****************************************************************/


/*************************BANNIERE********************************/

/*Bloc banniere*/
#banniere
{
	height: 355px;
	width: auto;
	background-image: url(../img/banniere_chrysalis.jpg);
	background-repeat: no-repeat;
}
.flash {
	position: absolute;
	height: 355px;
	width: 900px;
	z-index: 1;
	background-color: white;
}

/*Bloc du logo*/
#logo_chrysalis
{
	width: 180px;
	height: 120px;
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	position: relative;
	z-index: 99;
}

/*Image du logo*/
#logo_chrysalis img
{
	border: 0;
}

/*Bloc du menu*/
#menu
{
	width: 680px;
	height: 100px;
	float: right;
	margin-right: 0px;
	padding-top: 30px;
	position: relative;
	z-index: 99;
}

/*Liste du menu*/
.lavaLampWithImage
{
	position: relative;
    height: 30px;
	width: 630px;
	padding:0;
	margin: 0;
	padding-top: 10px;
	padding-left: 50px;
	overflow: hidden;
}

/*éléments de liste du menu*/
.lavaLampWithImage li
{
	list-style-type: none;
	float: left;
}

.lavaLampWithImage li.backLava 
{
	background: url(../img/lava.png) no-repeat right -30px;
	width: 9px; 
	height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLampWithImage li.backLava .leftLava
{
	background: url(../img/lava.png) no-repeat top left;
	height: 30px;
	margin-right: 8px; /* 7px is the width of the rounded shape */
}

/*Liens du menu*/
.lavaLampWithImage li a
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 15px;
	color: black;
	text-align: center;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px; 
	line-height: 30px;
}



.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited 
{
    border: none;
}


#accblanc a, #actublanc a, #vousblanc a, #chrysblanc a, #refblanc a, #projblanc a, #cblanc a, .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active
{
	color: white;
}

#accblanc, #actublanc, #vousblanc, #chrysblanc, #refblanc, #projblanc, #cblanc
{
	background-image: url(../img/imgLienRest.png);
	background-repeat:repeat-x;
	-moz-border-radius: 10px;
}

#sousmenuChrys
{
	display: none;
	margin-left: -2.3em;
	/*width: 130px;*/
	height: 50px;
	text-align:center;
	list-style: none;

}


#sousmenuChrys li a
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight:100;

}

#sousmenuRef
{
	display: none;
	margin-left: 9.3em;
	width: auto;
	height: 50px;
	text-align:center;
	list-style: none;

}


#sousmenuRef li a
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight:100;

}

/**********************************************************/

/*********************WRAPPER**********************/
#wrapper
{
	height: auto;
	width: 900px;
	margin: auto;
	background-image: url(../img/fond_wrapper.jpg);
	background-repeat:repeat-y;
}

/*Bloc à gauche du contenu*/
#wrapper #blocGauche
{
	float: left;
	width: 11px;
	height: 290px;
	background-image: url(../img/degrade_wrapper.jpg);
	background-repeat:no-repeat;
}



/*Bloc pour le contenu*/
#wrapper #contenu
{
	float: left;
	margin-top: 30px;
	width: 889px;
	background-color: white;
}

/*Colonne de gauche*/
.ColGauche
{
	width: 190px;
	margin-left: 11px;
	float: left;
	
}

h1
{
	margin-top: 0;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #F29400;
}

/*Pour les titres de bloc*/
.titreBloc
{
	margin-bottom: 15px;
	background-image: url(../img/img_titreRubrique.png);
	background-repeat: no-repeat;
}

.titreBloc h2, .titreBlocGd h2, .titreBlocGd2 h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12.5px;
	color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 0;
}

/*pour les sous blocs*/
.sousBloc
{
	margin-top: 6px;
	margin-bottom: 20px;
}

.sousBloc a
{
	color: #747474;
}

/*pour les blocs de texte*/
.blocTexte, .blocTexte p
{
	font-size: 11px;
	color: #747474;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 2px;
	padding-bottom:10px;
}
.blocTexte p{
margin:0;
}

.blocTexte a, #raisons a
{
color:#747474;
text-decoration:underline;
}


.padding{
padding-top:20px;
color:#CCCCCC;
}
/*Colonne centrale*/
.ColCentre
{
	width: 322px;
	margin-left: 55px;
	float: left;
}

/*Colonne de droite*/
.ColDroite
{
	width: 230px;
	float: left;
	margin-left: 60px;
}

/*Bloc qui contient l'arrondi en bas à gauche au dessus du pied*/
#wrapper #arrondiBasGauche
{
	float: left;
	width: 29px;
	height: 19px;
	background-image: url(../img/arrondi_wrapper.jpg);
}

/*Bloc qui contient une bande blanche continuant l'arrondi*/
#wrapper #suiteArrondi
{
	width: 871px;
	height: 19px;
	background-color: white;
	float: right;
}



/*______________________________________________________*/

/*PAGE D'ACCUEIL*/


.dateActu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #747474;
	margin-top: 4px;
	margin-bottom: 7px;

}

.dateActu .Jouractu
{
	background-image: url(../img/carre_orange.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 8px;
	margin-right: 5px;
}

.texte_orange a
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height:10px;
	color: #f29400;
}

.lien_orange
{
	font-weight: bold;
	color: #f29400;
	font-size: 12px;
}


#imgBlocCentral1
{
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#blocCentral1 .texte_orange 
{
	margin-left: 117px;
}

#slogan
{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 5px;
}

#blocCentral3_textes
{
	float: left;
	margin-top: 4px;
	margin-left: 0;
	width: 184px;
}

#imgBlocCentral3
{
	float: right;
	width: 138px;
}

#blocCentral3_textes .texte_orange 
{
	margin-left: 2px;
}


#imgBlocCentral3 img
{
	padding-left: 25px;
}

#coordonnees
{
	height: 110px;
	width: 220px;
	margin-top: 25px;
	margin-bottom:20px;
	background-image: url(../img/coord_cadre.png);
	background-repeat: no-repeat;
}

#coordonnees img
{
	float:left;
	border:none;
	margin-top: 15px;
	margin-left: 28px;
}

#coordonnees .coordTexte
{
	float:left;
	padding-left: 30px;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #F29400;
}

#blocHautDroite_texte_et_image #imgBlocHautDroite
{
	float: left;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 20px;
}

#blocHautDroite_texte_et_image #imgBlocHautDroite img
{
	border: none;
}

#blocHautDroite_texte_et_image .blocTexte{margin-top:-5px;}


#BlocHautDroite .texte_orange
{
	margin-left: 92px;
}
.lib_orange{
color: #f29400;
}

#BlocHautDroite .titreBloc, #BlocBasDroite .titreBloc{
	margin-bottom: 15px;
	background-image: url(../img/img_titreRubriqueD.jpg);
	background-repeat: no-repeat;
}

.photo{
padding-bottom:20px;
}

#BlocBasDroite a{
color: #f29400;
text-decoration:none;
}
/********************************************************/

/*******************PAGE ACTUALITES**********************/

/*Colonne principale (à droite de la liste des actus)*/
.ColActus
{
	float: left;
	width: 560px;
	margin-left: 50px;
}

.actu
{
	font-family: Arial, Helvetica, sans-serif;
	color: #747474;
}

.date
{
	font-size: 11px;
	color: white;
	background-image: url(../img/carre_orange.png);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
}

.TexteDate
{
	padding-left: 5px;
}

.actu h1
{
	font-size: 11px;
	color: #6E6E6E;
}

.actu h2
{
	font-size: 18px;
	margin-top: 0px;
	color: #f29400;
}

.photoCredit{
	float:left;
}
.actu img{ padding-right:10px; padding-top:10px;}
.credit{
	font-size:9px;
	width:230px;
}
.creditActu{
	font-size:9px;
	width:159px;
}

.lineHeight{
	line-height: 5px;
}

.blocTexte .infos{
	margin-top: 10px;
}
.actu p
{
	text-align: justify;
	font-size: 12px;
}

.actu .texte_orange a{font-size:11px;}

.paraDroite{float:right; width:390px; font-size:11px;}
.texte_orange .paraDroite{display:inline; float:none;}

.actu hr, #livraison hr
{
	height: 1px;
	margin: 15px 0 35px 0;
	padding: 0;
	color: #CCCCCC;
	background-color: #FFFFFF;
	border: 0px;
	border-top: 1px dotted #CCCCCC;
}

/********************************************************/

/*********************PAGE PARTENAIRE***********************/

.titrepartenaire{
	margin-top: -5px;	
}
#TecoBI
{
	float: left;
	margin-top: 20px;
}
#TecoMI
{
	float: left;
	margin-top: 20px;
}

#ParagPartner
{
	float: left;
	text-align:left;
	width: 230px;
	margin-left: 25px;
}
#ParagPartner a{
	color : #747474;
	text-decoration : underline;	
}
#teco{margin-top:30px;}

#teco h2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#F29400;
}

/********************************************************/


/*********************PAGE CONTACT***********************/
#introContact{
	margin-left : 40px;	
}


.ColGauche .blocTexte span {
	float:left;
	width: auto;
}

.imgMail{
	float : right;
	width: auto;
	margin-right:18px;
}

#contact
{
	float: left;
	margin-left: 10px;
	width: 450px;
	height: 100px;
}

#plan
{
	width: 180px;
	height: 120px;
	margin-bottom: 35px;
	
}

#plan span
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #747474;
	margin-left: 10px;
	position: relative;
	top: 18px;
}

#plan img
{
	margin-top: 0px;
	margin-left: 5px;
	border: none;
}

#coordContact
{
	display: block;
	font-size:12px;
	color:#666666;
	margin-bottom: 10px;
}

.inpRad
{
	margin-left:0;
	vertical-align: middle;
	margin-bottom: 4px;
}

.form
{
	width: 570px;
	height: 345px;
	float: left;/*pas de float pour ie*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #747474;
	margin-top: 0px;
	margin-left: 0px;
}

.form form table td
{
	padding-bottom: 7px;
}

.titreContact
{
	width: 200px;
	margin-left: 238px;
	color: #FF9900;
	margin-top: -5px;
}



input
{
	padding-left: 2px;
}


.colonneLabel
{
	width: 170px;
	text-align: right;
}

.colChamps
{
	width: 140px;
}

.champs
{
	height: 15px;
	width: 105px;
	background-color: #F7F7F7;
	border: 1px solid #cacaca; 
}

.colChamps textarea
{
	width: 137px;
	height: 50px;
}

#email, #adresse
{
	width : 135px;
}

/*bloc des boutons du formulaire*/
#blocBtns
{
	width: 150px;
	margin-top: 0px;
	margin-left: 152px;
	margin-bottom: 40px;
}

/*bouton envoyer*/
#blocBtns #envoyer
{
	float: left;
}

/*bouton annuler*/
#blocBtns #raz
{
	float: left;
	margin-left: 12px;
}

#blocBtns #envoyer, #blocBtns #raz
{
	height: 20px;
	width: 60px;
	background-image: url(../img/boutoncontact.jpg);
	background-repeat: no-repeat;	
	color: #FF9900;
	border: none;
	padding-left: 7px;
	padding-bottom: 2.5px;
}

#blocBtns p
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 10px;
	margin-left: 14px;
}

.messageErr
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#990000;
	width: 400px;
	margin-left: 238px;
	margin-bottom: 15px;
}

.messageOK
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#71B529;
	width: 400px;
	margin-left: 238px;
	margin-bottom: 15px;
}
/********************************************************/

/**********************PAGE PROJET***********************/
.formProj
{
	width: 650px;
	height: 400px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #747474;
	margin-top: 0px;
	margin-left: 10px;
}

.formProj form table td
{
	padding-bottom: 7px;
}

.colonneLabelProj
{
	width: 230px;
	text-align: right;
}

.projColChamps
{
	width:185px;
}

.formProj select
{
	width: 180px;
	color: #747474;
}

.champsLongs
{
	height: 15px;
	width: 177px;
	background-color: #F7F7F7;
	border: 1px solid #cacaca; 
}

.formProj textarea
{
	height: 70px;
}
#comment
{
	vertical-align:top;
}

#formProjDate
{
	padding-right: 5px;
}

#LabSurf, #InpSurf, #LabCP, #InpCP
{
	padding-bottom: 0px;
}

#TelDom
{
	margin-left: 56px;
	margin-top:0px;
	margin-bottom: 10px;
}

#TelPort
{
	margin-left: 32px;
	margin-bottom: 10px;
}

#Mail
{
	margin-left: 99px;
}


.formProj #blocBtns
{
	margin-left: 340px;
}

.msgCaptcha {margin-left : -55px; margin-top:40px; color: #FF9900;}

.imgReload{padding-top:-15px; width:20px;}
/********************************************************/

/***********************PAGE VOUS************************/
.ColGaucheVous
{
	width: 256px;
	margin-left: 11px;
	float: left;
	margin-bottom: 15px;
}

/*Colonne centrale*/
.ColCentreVous
{
	width: 256px;
	margin-left: 45px;
	float: left;
	margin-bottom: 10px;
}

/*Colonne de droite*/
.ColDroiteVous
{
	width: 256px;
	float: left;
	margin-left: 45px;
	margin-bottom: 10px;
}

.blocTexte p
{
	text-align: left;
}

.titreBlocGd
{
	margin-bottom: 15px;
	background-image: url(../img/img_titreRubriqueGd.jpg);
	background-repeat: no-repeat;
}

.titreBlocGd2
{
	margin-bottom: 15px;
	background-image: url(../img/img_titreRubriqueGd2.jpg);
	background-repeat: no-repeat;
}



#raisons
{
	height: 215px;
	width: 555px;
	background-image: url(../img/etiquette.gif);
	background-repeat: no-repeat;
	margin-left: 170px;
	margin-top: 20px;
}

#raisons h1
{
	padding-top: 20px;
	margin-left: 70px;
}

#raisons ul
{
	margin-left: 75px;
}

#raisons ul li
{
	list-style-type: square;
	color: #f29400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
	padding-left: 7px;
	padding-right: 50px;

}

#raisons ul li span
{
	color: #747474;
}

/********************************************************/

/********************PAGE NOS COMPETENCES**********************/
.ColDroiteChrys
{
	width: 610px;
	float: left;
	margin-left: 50px;
	margin-top: -5px;
}

.ColDroiteChrys .competences
{
	margin-right: 30px;
}

.dernPar
{
	margin-bottom: 25px;
}

.sousBloc ul
{
	padding-left:20px;
	
}

.sousBloc ul li
{
	font-size: 12px;
	list-style-type: square;
	color: #f29400;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.sousBloc ul li span
{
	color:#636363;
}
#deptList{
	font-size : 8pt;	
}
/********************************************************/

/********************PAGE NOS EQUIPES**********************/
#titreEquipes
{
	margin-left:11px;
}
#introEquipe{
	margin-left : 11px;
	margin-bottom : 35px;	
}
.trombiLigne
{
	height:210px;
	margin-left:11px;
	margin-bottom: 20px;
}

.bloc2photos h2, .bloc3photos h2
{
	height: 20px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #747474;
	border-bottom: dashed 1px #747474;
	margin:0;
	margin-bottom: 10px;
	padding:0;
}

.bloc2photos
{
	width: 272px;
	height:210px;
	float:left;
	margin-right: 20px;
	margin-top:0;
	margin-bottom:0;
}

.blocPhotos
{
	height:142px;
	padding:0;
	margin:0;
}

.Photo
{
	float:left;
	width:136px;
	height:142px;
	padding:0;
	margin:0;
}

.Photo img
{
	border: 1px solid #B2B2B2;
	padding:0;
	margin:0;
	margin-left:18px;
}


.blocNoms
{
	height: 35px;
	margin:0;
	padding:0;
}

.Nom
{
	float:left;
	height: 35px;
	width:136px;
	padding-top: 5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #747474;
	text-align:center;
}

.bloc3photos
{
	float:right;
	width:408px;
	height:215px;
	margin-right:20px;
}

.bloc3photos .Nom
{
	height: 30px;
}
/********************************************************/

/********************PAGE REFERENCES*********************/

.refs
{
	width: 322px;
	height: 100%;
}

.refs img
{
	border: none;
}

.imagesRefs, .imagesRefsFin
{
	height: 100px;
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imagesRefsFin
{
	margin-right: 0;
}

#titreRef
{
	color: #f29400;
	margin-top: -5px;
}




/************************Livraison***************************/

#livraison .lien, #liste_constructions a{
color: #f29400;
font-weight:bold;
}

#liste_constructions a, #livraison a{
font-size:11px;
text-decoration:none;
}


#livraison .blocTexte{
padding-bottom:0px;
}

#livraison_box .photo{
float:left;
width:190px;
padding-right:10px;
padding-bottom:10px;
margin-top:20px;
}

.floatD{ float:right; width:290px; margin-top:20px;}

.texteColonne{padding-top:5px;}

/************************construction***************************/

.blocTexte ul{
margin-top:-5px;
list-style:none;
margin-left:20px;
margin-bottom:10px;
}

/********************************************************/

/****************PAGE MENTIONS LEGALES*******************/

#mentionsLeg
{
	margin-left: 10px;
}


#mentionsLeg p span
{
	font-weight: bold;
}

/********************************************************/

/*************************PIED***************************/

#pied
{
	height: 45px;
	background-color: #b7b8be;
}

/*Bloc pour le contenu du pied*/
#pied #contenuPied
{
	float: left;
	width:845px;
}

#contenuPied, #contenuPied a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}

#contenuPied img{
	float:right;
	
}

#piedContenuGauche
{
	display: block;
	margin-top: 8px;
	margin-left: 10px;
	float: left;
}

#piedContenuDroit
{
	display: block;
	margin-top: 8px;
	margin-left: 8px;
	float: right;
}

/*Bloc pour l'arrondi à droite dans le pied*/
#pied #arrondiBasDroite
{
	height: 25px;
	width: 29px;
	float: right;
	background-image: url(../img/arrondi_pied2.jpg);
	background-repeat: no-repeat;
}

.floatLeft{
	float:left;
	margin-top: 5px;
}

.facebook{
	width:80%;
	margin-left:2px;
}