@import url(https://fonts.googleapis.com/css?family=Comfortaa);

html{
	position: relative;
    min-height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
	color:#666;
    font-size: 14px;
    margin: 0;
    background: url(../images/bois_repetition.jpg) center top repeat transparent;
}
h3 {
    font-size: 18px;
    margin: 20px 0;

}
h2,h3{color : #666;}

a {font-weight:bold;}
a:link {color:#0F345A;}
a:visited {color:#0F345A;}
a:hover {text-decoration:none;}
h1 { margin-left : 10px;}
span{color:#fa4616;}

#main-content .divFormulaire {
    clear:both;
    height:auto;
}
#main-content .divFormulaire > label {
    font-weight:bold;
    width:auto;
    float:none;
}
#absolute-div{position:absolute;}
.divForm-droite{float: right; width: 690px;}

#comment-box{margin-top:210px}

#detailWeb-div > div > ul li {list-style:none;}
#detailWeb-div > div > h3 {text-transform:uppercase; font-weight:normal; margin-bottom:0;}
#detailWeb-div > div > h5 {color:#FA4616;}
#detailWeb-div > div > h5 img {margin-right:5px; margin-top:10px !important;}
#div-dateLancement{
	background-image: url("../images/icon_date.png");
    background-position: 195px center;
    background-repeat: no-repeat;
	border: 1px solid #B4B4B4;
    float: right;
    padding: 20px 65px 20px 30px;
    text-align: right;
    text-indent: -10px;
	}
#h4-retardLancement > img{margin:0; margin-right:10px;}
#h4-retardLancement{color:red;}

#menu ul {
    width: 100%;
    list-style: none;
    border-collapse:collapse;
	margin-bottom:-15px;
	padding:0;
	margin:0;
}
#menu ul li {
    float: left;
	position: relative;
}
#menu ul li img{
	border: 3px solid rgba(0, 0, 0, 0.3);
    border-radius: 60px;
    margin-left: 35%;
    margin-top: -30px;
    position: absolute;
}

#menu ul li a:hover {
    background:#ff692f;
}

/* Padding pour remplir toute la barre menu(ADMIN) */
#menuAdmin ul li a{
	padding: 12px 14px;	
	font-size:13px;
}
#menuAdmin ul li:last-child a {
    text-align: center;
    width: 105px;
}
#menuAdmin ul li:last-child img{
	margin-left: 36%;
 
}
#menuAdmin ul li:first-child img{
	margin-left: 26%;
 
}

/* Padding pour remplir toute la barre menu(CP) */
#menuCP ul li a{
	padding: 12px 19px;
  	font-size: 14px;
}
#menuCP ul li:last-child a {
    text-align: center;
    width: 120px;
}
#menuCP ul li:last-child img{
	margin-left: 38%;
 
}
#menuCP ul li:first-child img{
	margin-left: 31%;
 
}
#menuCP ul li img{
    margin-left: 34%;
}
/* Padding pour remplir toute la barre menu(CLIENT) */
#menuClient ul li a{
	padding: 12px 24px;	
}
#menuClient ul li:last-child a {
    text-align: center;
	padding-right:28px;
}
#menuClient ul li:last-child img{
	margin-left: 36%;
 
}
#menuClient ul li:first-child img{
	margin-left: 30%;
 
}

#menuListe{ float:left; }

.highlight{background:#ff692f;}
/*.highlight-web{background-color:#FA4616 !important;}
.highlight-web a{color:#000 !important;}
*/
#header #logo #logo-nivii {
    background: url("../images/logo_nivii.png") no-repeat scroll;
    display: block;
    background-position:center;
    height: 112px;
    margin: 45px auto 123px;
}
#content {
    clear: both;
}
.maquettePrincipale {
    width : 375px;
    height: auto;
}
.maquette {
    width : 250px;
    height: 250px;
}
.divMaquette {
    border: 1px solid;
    float: left;
    margin : 5px;
    width : 275px;
    height: 300px;
    overflow:auto
}
#maquetteDashboard {
    width : 200px;
    height: 200px;
}
/* ============================================ */

/* =============   GÉNÉRAL CSS   ============== */

/* ============================================ */


.Tabulation {
    margin-left: 50px;
}
.Half_Tabulation {
    margin-left: 25px;
}
.margin-5 {
    margin-top: 5px;
}
.margin-10 {
    margin-top: 10px;
}
.margin-15 {
    margin-top: 15px;
}
.margin-20 {
    margin-top: 20px;
}
.margin-40 {
    margin-top: 40px;
}
.margin-none {
    margin-top: 0;
}
#menu .align-right {
    text-align: right;
    color: #FFF;
}
.grosCommantaire {
    width : 780px;
    height : 75px;
    margin: 7px 0px;
}
.right {
    float : right;
}
.left {
    float : left;
}
.clearboth {
    clear : both;
}
#connectForm .erreur {
    margin: -30px 0 0 -5px;
    padding: 0;
    position: absolute;
}.erreur {
    color: #FF0000;
}
/* CSS FORMULAIRE DE TRI */

    #liste-form {
    margin: 10px 5px;
}
#liste-form, #ajout-form {
    border: 1px solid #CCC;
    padding: 5px 10px;
}
#liste-form > div {
    margin: 5px 10px;
}
#ajout-form > div {
    padding: 10px 10px 10px 0;
}

#liste-form > div > label, #ajout-form > div > label {
    display: block;
    float: left;
    width: 275px;
}
#liste-form > div > select, #ajout-form > div > select {
    width: 100px;
}
#liste-form > div.exception-date {
    clear: both;
    margin-top: 3px;
}
#liste-form > div.exception-date > div {
    margin-top: 3px;
}
#liste-form > div.exception-date label {
    clear: both;
    width: 60px;
    margin-left: 20px;
    display: block;
    float: left;
}
#liste-form > div.exception-date input[type="text"] {
    border: 1px solid #333;
}
#left div.clear {
    clear: both;
}
#left table {
    clear: both;
    border-collapse: collapse;
    margin-top: 40px;
}
#left table th, #left table td {
    border: 1px solid #333;
    padding: 6px;
}
#left table th {
}
#left table td {
}
div.ajout-submit button, div.ajout-submit input[type="submit"] {
    padding: 5px 10px;
    margin: 20px 20px 0 14px;
}
/* CONNECT PAGE */

#logo-connect{
	background: url("../images/logo_nivii.png") no-repeat transparent;
    display: block;
    height: 150px;
	margin: 50px auto;
    width: 285px;
}
    #connect {
	background-color: #fff;
    margin: 0 auto;
    padding: 40px;
    position: relative;
    width: 725px;
	height:370px;
}
#connect-title{
	color: #fff;
    font-family: "Comfortaa",cursive;
    font-size: 35px;
	margin: 60px 0 50px;
    text-align: center;
	}
#connect form {
	height: 200px;
    margin: 0 auto;
    padding: 0;
    width: 292px;
}
#connect form > div {
    margin: 0 0 20px;
}
#connect form > div.FieldsError {
    margin: 0px 30px 0;
}
#connect form > div > label {
    line-height: 28px;
}
#connect form > div > input[type="text"], #connect form > div > input[type="password"] {
    width: 287px;
    height: 48px;
    border: 1px solid #a4a4a4;
    background: #FFF;
	font-size:18px;
	text-indent: 50px;
}
#connect form div #nomUtilisateur{background: url("../images/icon-profil.png") no-repeat scroll 10px center; }
#connect form div #motPasse{background: url("../images/icon-mdp.png") no-repeat scroll 10px center;}

#connect > div > p, #connect > div p a, #connect form > div > label {
    color: #909090;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
	margin: 70px 0 0;
}
#connect hr {display:none;}
#connect #connexion-rs p, #msg-bienvenue h2{margin: 0 0 10px;}

#msg-bienvenue{text-align:center;}
#msg-bienvenue h2{margin-bottom:40px;}



#btn-connect{margin-bottom : 20px;}

#facebook-div{background: #fa4616 url("../images/facebook_icon.png") no-repeat scroll 10px center;}
#twitter-div{background: #fa4616 url("../images/twitter_icon.png") no-repeat scroll 10px center;}
#google-div{background: #fa4616 url("../images/google_icon.png") no-repeat scroll 10px center;}


.btn-nivii {
    background-color: #fa4616;
    border: medium none;
    color: #fff;
    font-size: 20px;
    height: 60px;
    padding: 2px 5px;
    text-transform: uppercase;
    width: 292px;
	cursor: pointer;
	
}
#signatureStc {
	bottom: 0;
    clear: both;
    background: #202329;
    color: #FFF;
	position:relative;
	width:100%;
	margin-top: 50px;
}
#signature{
	text-align: center;
	margin: 15px auto 0;
	padding-bottom : 20px;
}
#signature > p {
    margin: 18px 0 0 0;
	font-family: "Comfortaa",cursive;
	color:#868686;
}
#signature #sansFrais-footer{font-size: 22px; margin-top: 0;}
#signature #droits-footer a{font-size: 15px; text-decoration:none; color:#868686; font-weight:normal;}
#signature #media-sociaux > a{
	text-decoration:none; 
	color:#868686; 
	font-weight:normal; 
	font-size: 22px; 
	margin: 0 10px; 
}
#signature #media-sociaux > a:hover{ color:#FFF;}

#connectForm {
    color:#000;
}
/* DIV CONTENT */

#content {
    float: left;
    width: 100%;
	
}
#content #bar-etat {
    float: left;
    width: 100%;
    height: 60px;
    background: #FA4616;
    position: relative;
}

#content #bar-etat a {
    float: right;
    display: block;
	font-family: 'Comfortaa', cursive;
	font-weight:normal;
    color: #FFF;
    line-height: 36px;
    text-decoration: none;
	text-transform:uppercase;
	

}
#content .banner {
    clear: both;
    width: 1000px;
    height: 125px;
}
#content .banner img {
    float: left;
    margin: 20px 0 0 30px;
    width: 110px;
}
#content .banner h1 {
    float: left;
    width: 400px;
    font-size: 24px;
    color: #FFF;
    font-weight: 400;
    text-align: left;
    font-family: verdana;
    margin: 35px 0 0 20px;
}
#content .banner h1 span {
    font-size: 20px;
    color: #000;
}
#content .banner a {
    float: right;
    width: 82px;
    height: 59px;
    background: url(../images/btn-back.png) no-repeat;
    margin: 30px;
}
#content #main-content {
    float: left;
    width: 1130px;
    min-height: 400px;
    background: #FFF;
    padding: 30px 20px;
    margin-bottom: 40px;
}
#content #main-content h1, #msg-bienvenue-h2 {
    font-size: 24px;
    color : #666;
    border-bottom: 1px solid #adadad;
    line-height: 50px;
    font-weight: 400;
    text-align: left;
	font-family: "Comfortaa", cursive;
	margin-bottom: 30px;
	text-transform:uppercase;

}
/* exception pour le message dans la page de connexion*/
#msg-bienvenue-h2{ border:none; text-align:center; line-height: 30px;}
/* fin */
#content #main-content h1 a {
    
    color : #666;
	text-decoration:none;
	font-weight: 400;
}

#content #main-content img {
    margin-top: 30px;
}
#content #main-content #gallery > div img {
    width: 100px;
    border: 1px solid #777;
    margin: 0;
}
#content, #Accueil #content {
    background: none;
}
#content #main-content #buttonAction .liste-button a {
    float:right;
}
#content #main-content .buttonAction .liste-button a {
    float:right;
}
		#content #main-content .buttonAction #buttonUnite a { float:right; margin-top:104px;}

/* DIV WRAPPER */



#wrapper {
    margin: 0 auto;
    width: 1170px;
}
/*  LISTE CLIENT  */

.liste #userList { margin-top: 40px; }
.liste #userList td:first-child { width: 200px;}
#userList td:first-child {
    width:200px;
    text-align:left;
}

/* CSS POUR LA CLASSE LISTE(tableaux) */
 
.liste {
    border-collapse:collapse;
    display:block;
    width: 100%;
}
.liste td {
    padding:5px;
    text-align: center;
    border:thin solid #000000;
    width: 130px;
}
.liste th {
    border-collapse:collapse;
    text-align: center;
    border:thin solid #000000;
    padding:10px;
}


/* CSS LISTE DE L'HISTORIQUE */

#hist-liste td:first-child {
    text-align: left;
    width: 400px;
}
#hist-liste td{ width: 200px;}


/*  LISTE DES ENTREPRISES */

#content #main-content #listeEntreprise td a {
    width:auto;
}
#listeEntreprise {
    border-collapse:collapse;
    display:block;
    color:#000;
    width: 100%;
}
#listeEntreprise td:first-child {
    width:300px;
    text-align:left;
}
#listeEntreprise td, #listeEntreprise th {
    padding:5px;
    text-align: center;
    border:thin solid #000000;
    border-collapse:collapse;
} 
#listeEntreprise td.email { width: 220px; }
#listeEntreprise td.phone { width: 160px; }
#listeEntreprise td.option { width:100px; }

#listeEntreprise.projetSEO td.name { width: 220px; }


/* LISTE SOLUTIONS */


.listeSolu {
    border-collapse:collapse;
    display:block;
    width: 100%;
}
.listeSolu td {
    padding:10px;
    text-align: center;
    border:thin solid #000000;
    width: 320px;
}
.listeSolu td:first-child {
    width:200px;
    text-align:left;
}
.listeSolu td:last-child {
    width:150px;
}
.listeSolu th {
    border-collapse:collapse;
    text-align: center;
    border:thin solid #000000;
    padding:10px;
}


/* LISTE PROJETS/UNITÉS IMMOBILIER */


.listeProjetUnite {
    border-collapse:collapse;
    display:block;
    width: 100%;
}
.listeProjetUnite td {
    padding:10px;
    text-align: center;
    border:thin solid #000000;
    width: 130px;
}
.listeProjetUnite td:first-child {
    width:200px;
    text-align:left;
}
.listeProjetUnite th {
    border-collapse:collapse;
    text-align: center;
    border:thin solid #000000;
    padding:10px;
}


/* LISTE COURRIEL ET REDIRECTION */

.listeCourriel, .listeRedirection {
    border-collapse:collapse;
    display:block;
    width: 100%;
}
.listeCourriel td, .listeRedirection td {
    padding:5px;
    text-align: center;
    border:thin solid #000000;
    width: 130px;
}
.listeCourriel td:first-child, .listeRedirection td:first-child {
    width:200px;
    text-align:left;
}
.listeCourriel th, .listeRedirection th {
    border-collapse:collapse;
    text-align: center;
    border:thin solid #000000;
    padding:10px;
}
/* REPLACEMENT DES LIENS DANS PROJET WEB */    

#content #main-content .menuSecondaire ul li a {
    color: #fa4616;
    font-weight: normal;
    line-height: 105px;
    text-decoration: none;
	display:block;
	width:100%;
	height:100%;
}
.menuSecondaire{
    float: left;
    height: 654px;
	width: 390px;
	margin-right: 80px;
}
.menuSecondaire ul {
    height: 100%;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.menuSecondaire li {
    border: 2px solid #fa4616;
    height: 105px;
    text-indent: 65px;
    width: 100%;
	border-bottom: none;
}
.menuSecondaire li:last-child {border-bottom: 2px solid #fa4616;}
.menuSecondaire #projet-web{background: rgba(0, 0, 0, 0) url("../images/icon_details_projets.png") no-repeat scroll 10px center;}
.menuSecondaire #projet-web a:hover {	background: #FA4616 url("../images/icon_details_projets_hover.png") no-repeat scroll 10px center;color:#FFF !important;}
.menuSecondaire #detailWeb{background: rgba(0, 0, 0, 0) url("../images/icon_details_projets.png") no-repeat scroll 10px center;}
.menuSecondaire #detailWeb a:hover{background: #FA4616 url("../images/icon_details_projets_hover.png") no-repeat scroll 10px center;color:#FFF !important;}
.menuSecondaire #form-demarrageWeb{background: rgba(0, 0, 0, 0) url("../images/icon_form.png") no-repeat scroll 10px center;}
.menuSecondaire #form-demarrageWeb a:hover{background: #FA4616 url("../images/icon_form_hover.png") no-repeat scroll 10px center;color:#FFF !important;}
.menuSecondaire #zone-contenu{background: rgba(0, 0, 0, 0) url("../images/icon_contenu.png") no-repeat scroll 10px center;}
.menuSecondaire #zone-contenu a:hover{background: #FA4616 url("../images/icon_contenu_hover.png") no-repeat scroll 10px center;color:#FFF !important;}
.menuSecondaire #zone-maquette{background: rgba(0, 0, 0, 0) url("../images/icon_maquette.png") no-repeat scroll 10px center;}
.menuSecondaire #zone-maquette a:hover{background: #FA4616 url("../images/icon_maquette_hover.png") no-repeat scroll 10px center;color:#FFF !important;}
.menuSecondaire #zone-courriel{background: rgba(0, 0, 0, 0) url("../images/icon_email.png") no-repeat scroll 10px center;}
.menuSecondaire #zone-courriel a:hover{background: #FA4616 url("../images/icon_email_hover.png") no-repeat scroll 10px center;color:#FFF !important;}
.menuSecondaire #historique-commu{background: rgba(0, 0, 0, 0) url("../images/icon_historique_comm.png") no-repeat scroll 10px center;}
.menuSecondaire #historique-commu a:hover{background: #FA4616 url("../images/icon_historique_comm_hover.png") no-repeat scroll 10px center;color:#FFF !important;}

/* fin css projets web */

/* ZONE MAQUETTE CSS */

#div_nouvelle_maquette {
	display: none;
}

a.delete:link {
	color: #f00;
	text-decoration: none;
}
.comment-container{
    padding-left:5px; 
    padding-right:5px;
}
.maquettePrincipale{
    margin-top:0 !important;
}
/* fin maquette css*/

#content #main-content #ajout-form ul li a {
    width:auto;
}
/* REPLACEMENT DES LIENS DANS DETAIL PROJET */

#content #main-content #ajout-form #soumissionLien p a {
    width:auto;
    float:none;
    display:inline;
}
#content #main-content .ajout-submit a {
    width:auto;
    margin-right:10px;
}
/* REPLACEMENT DES LIENS DANS ZONE CONTENU */

#content #main-content #ajout-form ul li a {
    width:auto;
    float:none;
}
/* CSS POUR FORMULAIRE */

#main-content form fieldset {
    margin-top:40px;
	border: none;
	padding-left:0;
	margin-left: 0;
}
#main-content form fieldset:first-of-type {
    margin-top:15px;
}
#main-content form {
    border:none;
}
#main-content form.formulaire fieldset label {
    display:inline-block;
    width:20%;
    padding:10px 5px;
}
#main-content form fieldset legend {
    font-size:18px;
    text-decoration: underline;
    font-weight:bold;
    padding: 0 10px 0 10px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
	padding: 0;

}

#imprimerSEO, #ajoutCommentaire, #modifierProjetSeo{width:330px;}

/* CSS POUR LES INPUT TYPE TEXT */

#main-content .formulaireComptes input[type="text"], .formulaireComptes input[type="password"], .formulaire input[type="text"], .formulaire input[type="password"] {
    border:1.5px solid #adadad;
    padding:5px 5px;
    width:300px;
}
#main-content .formulaire select {
    width:150px;
	margin-bottom: 15px;
}
/* CSS JUSTE POUR LE FORMULAIRE DE PROJET SEO PARTIE IMMOBILIER */

#main-content .formulaireImmobilier select {
    width:150px;
}
form.formulaireImmobilier fieldset label {
    display: inline-block;
    padding: 10px 0px;
    width: 20%;
}
#main-content .formulaireImmobilier .coordImmo {
    border: 1.5px solid #adadad;
    padding: 5px;
    width: 50px;
}
#main-content .formulaireImmobilier div input[type="email"], .formulaireImmobilier div input[type="url"] {
    border: 1.5px solid #adadad;
    padding: 5px;
    width: 200px;
}
#main-content .formulaireImmobilier ul.inline li {
    float:left;
    margin: 0;
    padding: 0 15px 0 1px;
    width: 21%;
    list-style: outside none none;
}
#main-content .formulaireImmobilier ul label {
    clear: none;
    float: none;
    font-weight: normal;
    text-align: left;
    width: auto;
}
#room_size textarea {
    height: 100px;
    padding-left: 5px;
    padding-right: 5px;
    width: 95%;
}
#room_size {
    float: left;
    width: 100%;
}
#room_size label {
    margin-top: 10px;
    width: 185px;
}
.servImmeuble ul {
    list-style: outside none none;
}
.btn_etape {
    padding : 10px;
    border:thin solid #000;
    background:#adadad;
    width: 128px;
    margin-top: 10px;
    cursor:pointer;
}
.btn_etape:hover {
    background:#CCC
}
/* CSS JUSTE POUR LE FORMULAIRE DE PROJET SEO */

#main-content .seo .formulaireComptes label {
    display:inline-block;
    width:35%;
}
#main-content .seo .formulaire label {
    display:inline-block;
    width:35%;
    padding:10px 15px 10px 0;;
}
/* Exception label de text area */
#main-content .seo .formulaire .sectionTextArea label {
    width:100%;
    padding:20px 15px 5px 0;
}
#main-content .seo .formulaire textarea {
    padding: 5px;
    width: 95%;
    border:1px solid #C6C6C6;
}

/* Formulaire démarrage */
#main-content .form-dem .formulaire label {
    display:inline-block;
    padding:10px 5px;
}
.form-dem h3{
	font-weight:normal; 
	margin: 20px 0 10px; 
	text-transform:uppercase; 
	letter-spacing:1px;
	width:350px;
}
.form-dem input[type="text"], .form-dem input[type="password"]{height:25px;}
.form-dem p{margin: 0;}
.form-dem #showPass{
	left: 635px;
    margin: 12px auto !important;
    position: absolute;
    top: auto;
	cursor:pointer;
}

.formulaire input.fullWidth{ width: 650px; }

#profil-div-gauche, #profil-div-milieu, #profil-div-droite,
.profil-div-gauche, .profil-div-milieu, .profil-div-droite
{width:32%; float:left;}
.profil-div-gauche, #profil-div-milieu, .profil-div-milieu{ 
	margin-top: 52px;
}
#profil-div-full, .profil-div-full{ float: left; width: 100%; margin-top: 30px; }
#main-content #profil-div-full div{ margin: 10px 40px; }  
#main-content #profil-div-full label{ width: 50px; text-align: center; }  
#main-content #profil-div-full span > label{ width: 100px; text-align: left; }  

#main-content #profil-div-full label.main{ width: 100px; text-align: left;}  
#main-content #profil-div-full select{  
    border: 1px solid #333;
    text-align: center;
    width: 75px;  
    font-size: 15px;
}
#main-content #profil-div-full p{ float: right; margin-right: 100px;}  

#profil-submit{ margin-top:20px; float:left; width:100%;}
#donnees-utilisateur{width: 100%; float:left; position : relative;}
#donnees-utilisateur > div {float: left; width: 352px;}

/* fin formulaire démarrage */

textarea {
    height:80px;
    width:100%;
}
.delete {
    float:right;
    margin-right:10px;
}
.divAncienMaq {
    border:#848484 1px solid;
    margin-bottom:10px;
}
.divAncienMaq > div:first-child {
    height:102px;
}
.divAncienMaq > div > div {
    height:100px;
}
.divAncienMaq > div > div > div > div a {
    text-align:right;
    padding-right:5px;
    bottom:5px;
}
.divAncienMaq > div > div a.lienImg {
    width:100px;
    height:100px;
    overflow:hidden;
    float:left;
    padding-right:10px;
}
#content #main-content .divAncienMaq .image {
    width:100px;
    margin-top:0px;
    padding:2px 2px 5px 2px;
}
.titreCompte{ display:inline-block; font-size:1em; font-weight:bold; width:20% !important;}
.divContenuComptes{ display:block; padding: 0px 10px 0px 10px; margin-top:20px;}
.divComptes input[type="text"], .divComptes input[type="password"] {margin-top:10px;}

/* COLOR BOX CSS */

#colorbox, #cboxOverlay, #cboxWrapper {
    position:absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow:hidden;
}
#cboxWrapper {
    max-width:none;
    height: 533px;
    width: 752px;
}
#cboxOverlay {
    position:fixed;
    width:100%;
    height:100%;
    opacity: 1;
    cursor: auto;
    visibility: visible;
    display: none;
}
#cboxMiddleLeft, #cboxBottomLeft {
    clear:left;
}
#cboxMiddleLeft {
    float: left;
    height: 501px;
}
#cboxContent {
    position:relative;
}
#cboxLoadedContent {
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}
#cboxTitle {
    margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor:pointer;
}
.cboxPhoto {
    float:left;
    margin:auto;
    border:0;
    display:block;
    max-width:none;
    -ms-interpolation-mode:bicubic;
}
.cboxIframe {
    width:100%;
    height:100%;
    display:block;
    border:0;
    padding:0;
    margin:0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}


.formulaireComptes fieldset div{ margin: 5px 0 0; }
/*

User Style:

Change the following styles to modify the appearance of Colorbox. They are

ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay {
    background:#fff;
}
#colorbox {
    outline:0;
    display: none;
    visibility: visible;
    top: 26px;
    left: 299px;
    position: absolute;
    width: 752px;
    height: 533px;
    opacity: 1;
    cursor: auto;
}
#cboxContent {
    margin-top:32px;
    overflow:visible;
    float: left;
    width: 752px;
    height: 501px;
}
.cboxIframe {
    background:#fff;
}
#cboxError {
    padding:50px;
    border:1px solid #ccc;
}
#cboxLoadedContent {
    padding:1px;
}
#cboxLoadingGraphic {
    background:url(../images/loading.gif) no-repeat center center;
    float: left;
    display: none;
}
#cboxLoadingOverlay {
    background:#000;
    float: left;
    display: none;
}
#cboxCurrent {
    position:absolute;
    top:-22px;
    right:205px;
    text-indent:-9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border:0;
    padding:0;
    margin:0;
    overflow:visible;
    text-indent:-9999px;
    width:20px;
    height:20px;
    position:absolute;
    top:-20px;
    background:url(../images/controls.png) no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline:0;
}
#cboxPrevious {
    background-position:0px 0px;
    right:44px;
    display: block;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
    right:66px;
}
.cboxSlideshow_on #cboxSlideshow {
    background-position:-75px -25px;
    right:44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
    background-position:-100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
    background-position:-100px 0px;
    right:44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
    background-position:-75px -25px;
}
/* IMAGE APPROUVÉ */

.approuv {
    background:url(../images/approuvee.png);
    display: block;
    height: 149px;
    margin: 0;
    position: absolute;
    width: 262px;
    z-index: 999;
}
#basic_modal_content #cboxPrevious:hover {
    background-position:0px -25px;
}
#basic_modal_content fieldset legend {
    font-weight:bold;
    font-size:16px;
    padding:0 10px;
}
#basic_modal_content fieldset div textarea {
    margin-top:10px;
}
#basic_modal_content fieldset div input[type="text"], #basic_modal_content fieldset div input[type="password"] {
    border:1.5px solid #C6C6C6;
    padding:5px 5px;
    width:200px;
}
#basic_modal_content fieldset div label {
    float: left;
    width: 25%;
}
#cboxNext {
    background-position:-25px 0px;
    right:22px;
    display: block;
}
#cboxNext:hover {
    background-position:-25px -25px;
}
#cboxClose {
    background-position:-50px 0px;
    right:0;
}
#cboxClose:hover {
    background-position:-50px -25px;
}
#cboxTopLeft, #cboxTopRight {
    float: left;
}
#cboxTopCenter {
    float: left;
    width: 752px;
}
#cboxMiddleRight {
    float: left;
    height: 501px;
}
fieldset > div {
    padding:10px;
}
/* EXCEPTION */
fieldset > div.sectionTextArea {
    margin: 0;
    padding: 0;
}
#select_page_web {
    width:200px;
}
#pageId {
    font-weight:bold;
    font-size:16px;
    display: inline-block;
}
#retour {
    background: none repeat scroll 0 0 #E7E7E7;
    display: block;
    float: right;
    margin-top: 17px;
    padding: 8px 20px;
    text-decoration:none;
    border:thin solid #adadad;
}
#ajouterCommentaire {
   
    padding: 5px 10px;
    margin-top: 15px;
}
.text-droite{text-align:right;}
#content #main-content #ajout-form #lienElementRecu {
    width: 340px;
    display: inline-block;
    padding:10px;
}
.detailProjetAjout {
    margin-top:10px;
}
.detailProjetAjout > label {
    margin-right: 40px;
}
.inputContenu {
    margin-right:64px;
}
.inputFile {
    margin-right:42px;
}
.errorField {
    text-align: center;
    padding: 8px 0;
    background: #ca0707;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
.successField {
    text-align: center;
    padding: 8px 0;
    background: #0C6;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}
#content #main-content #ajout-form .contRecuText {
    display:inline-block;
    width:464px;
    padding: 20px;
    margin:0;
}
.contRecuText {
    display:inline-block;
    width:464px;
    padding: 20px;
    margin:0;
}
.boutonsCourriel {
    background: none repeat scroll 0 0 #E7E7E7;
    display: block;
    float: left;
    margin-top: -17px;
    padding: 8px 20px;
    text-decoration:none;
    border:thin solid #adadad;
}
#divBoutonsCourriel {
    margin: 65px auto;
    height: 40px;
}

.formulaireImmobilier textarea {
    
    border:1px solid #000;
   
}

#etapesIndex{ padding : 25px;}

#etapesIndex li{padding : 10px; font-size:18px;}

#tabs.performTabs, #tabs.indexTab{border:none;}

#tabs.performTabs ul li {border-bottom: medium solid #aaaaaa; border-top-right-radius: 0px; border-top-left-radius: 0px;}

#tabs.performTabs ul { border-radius: 0px;}

#tab-rapports{margin-top : 30px;}

/* CSS INDEX */

#tabs.indexTab ul li {border: 2px solid #FA4616; background:#FA4616; width: 32%;border-radius: 0px; margin:0;}
#tabs.indexTab ul li:hover {background:#FF692F; border-color:#FF692F;}
#tabs.indexTab ul {background:none; border:none;}

#tabs.indexTab .ui-tabs-nav .ui-tabs-anchor {
    padding: 0.5em 0;
    text-align: center;
    width: 100%;
	text-transform: uppercase;
	color:#FFF;
	font-weight:normal;
	font-family: "Comfortaa", cursive;
}

.indexTab .ui-state-active, .ui-tabs-active > a{background:#FFF !important; color:#FA4616 !important;}
.indexTab .ui-tabs-nav li.ui-tabs-active {padding-bottom: 0;}

#analytics-data table { 
	width: 100%; 
	border-collapse: collapse; 
}
#analytics-data th { 
	background: none; 
	color: #000; 
	font-weight: bold; 
	border-bottom: 1px solid #adadad; 
	
}
#analytics-data td, #analytics-data th { 
	padding: 6px; 
	text-align: left; 
	font-size:14px;
}
#analytics-data > div > div > h4 {
	color: #666; 
	border-bottom: 1px solid #adadad; 
	padding-bottom: 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:normal;
	}

#analytics-data > div > div > p {font-weight:bold;}

#analytics-left{
	float: left;
    margin-right: 65px;
    width: 45%;
	}
#analytics-right{
	float: left;
    width: 45%;
	}
#analytics-left > div, #analytics-right > div{ padding : 10px 0;}

#tab-rapports th{width : 70%;}

#div-imprimerIndex {
    background-image: url("../images/icon_print-2.png");
    background-position: 11px center;
    background-repeat: no-repeat;
    border: 1px solid #b4b4b4;
    cursor: pointer;
    display: block;
    margin-right: 44px;
    padding: 20px 25px;
    width: 10px;
	position:absolute;
	right:0;
}

	
/* FIN CSS INDEX */

#confirmEnvoi{text-align:center; font-size:18px; padding: 20px 0; color:#FFF;}
.demande-main h1 {margin-left:0;}
#demande-colonneGauche{float:left; width:48%;}
#demande-colonneDroite{float:right; width:48%;}
#demande-colonneDroite > div > label, #demande-colonneGauche > div > label{ width:100%; float:left; padding: 10px 5px;}
#demande-colonneDroite > div > input[type="text"], #demande-colonneGauche > div > input[type="text"], #demande-colonneGauche > div > textarea{ width:90% ;}
#demande-colonneGauche > div > textarea{ width:91% ; height: 124px;}
#demande-colonneGauche > div, #demande-colonneDroite > div{ margin-bottom:25px;}
#submit-demande{clear:both;float:left;}
#demande-colonneDroite > div select{ padding: 5px; width: 93% !important;}


/* CSS MDP OUBLIÉ */

#mdp-oublie > div > form{
	height: 30%;
	margin: 0 auto;
	padding: 0;
	width: 475px;
  }
#mdp-oublie > div > form > div{
	
	width: 292px;
	margin: 0 auto;
  }
#mdp-oublie p{
	font-size:18px;
	text-align:center;
  }

#mdp-oublie form > div > input {
    margin-bottom: 25px;

}
#mdp-oublie form > div > input[type="text"] {
	width: 287px;
	height: 48px;
	border: 1px solid #C6C6C6;
	font-size: 18px;
	text-indent: 50px;
}

#mdp-oublie form #courriel {
  background: url("../images/courriel_icon.png") no-repeat scroll 10px center;
}

#nouv-mdp, #confirm-nouv-mdp{background: url("../images/icon-mdp.png") no-repeat scroll 10px center; width: 343px !important;}

#div-input-mdp, #submit-nouv-mdp{ width:355px !important;;}

#error_mdp { font-size: 16px; margin: 0 0 25px; }
#div-img-erreur{text-align:center;}

/* CSS PAGE SOLUTIONS */

#cb-v{display: block; font-size: 20px; margin: 25px 0 25px 5px;}
#titre-solution{margin-bottom: -10px !important; font-family: "Comfortaa", cursive; margin-left:0;}
#titre-solution a{ text-decoration:none; color : #666; font-weight:normal}

.solu-colonneGauche {float:left; width:48%;}
.solu-colonneGauche > div  {clear: both;}

.solu-main h2{margin:30px 0 0;}
#ajout-solu{margin-top:30px; display:block; width:150px;}
.solu-colonneDroite {float:right; width:48%;}
.solu-colonneDroite > div  {clear: both; position:relative;}

.colonnes-padding {padding-top: 35px;}
.margin-zero{ margin:0 !important; }
.boutons-solu {
	display:inline-block;
	width: 125px;
	text-align: center; 
	padding: 10px 25px 10px 25px; 
	border: 2px solid #FA4616; 
	position:absolute; 
	bottom:0;
	text-transform:uppercase; 
	font-size: 14px; 
	font-family: "Comfortaa",cursive;
	letter-spacing:1px;
	cursor:pointer;
	}
.boutons-solu a{text-decoration:none;}
.boutonAct, .activation-solu {background:#FA4616; color:#FFF;}
.activation-solu, .desactivation-solu{position:relative;}
.boutonAct:hover, .activation-solu:hover {background:#FF692F; border-color: #FF692F;}  
.boutonSavoir {left: 193px;}
.boutonSavoir a {color:#FA4616;}
.boutonSavoir:hover > a, .boutonSavoir:hover {color:#FFF; background-color: #FA4616;}
.solu-img {width: 150px; float:left;}
.solu-text{width: 372px; margin-left: 20px; height:150px; position:relative; float:left;}
.solu-text h3{font-size:16px;}
.solu-desc{margin-top: 8px; font-size:12px;}
.div-attente{background:#A8AAA9; color:#FFF; border: 2px solid #A8AAA9;}
.boutonDesact, .desactivation-solu {background:#FCA28A; color:#FFF; border: 2px solid #FCA28A; } 

.messagepop {
	background-color:#FFFFFF;
	border: 1px solid #999999;
	clear: both;
	cursor: default;
	display: none;
	margin: 10px 0px;
	padding: 25px 25px 20px;
	position: fixed;
	text-align: left;
	width: 750px;
	height: 400px;
	z-index: 999;
	top:0;
    bottom: 0;
    left: 0 ;
    right: 0;
    margin: auto;
}

.messagepop label {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  margin-bottom: 10px;
  padding-left: 15px;
  text-indent: -15px;
  font-weight: bold;
}

.messagepop p, .messagepop.div {
  border-bottom: 1px solid #EFEFEF;
  margin: 8px 0;
  padding-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
  color:#666;
  font-size:15px;
}

.messagepop img{
	position:absolute;
	top: -20px;
    right: -20px;
	margin-top:0 !important;
}

.img-modal{
	position:absolute;
	left: 20px !important;
   	right : 0;
    top: 20px !important;
}

.modal-desc {
    float: right ;
    width: 585px;
	
}

.reseaux-sociaux{
	border: medium none;
    height: 60px;
    margin: 25px auto 0;
    padding: 2px 0;
    width: 292px;
}
.reseaux-sociaux a{
	color: #fff;
    float: left;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 292px;
	font-weight:normal;
}

/* css pour faire un div blanc */
.div-blanc{
	background-color: #fff;
	margin: 0 auto;
	padding: 50px;
	position: relative;
	width: 473px;
  }
  
#logo-connect a{width:100%; height:100%; display: block;}

.menu-mobile {display: none !important;}

#confirm-courriel div > label{display: inline-block; margin:10px 0; width:131px;}
#confirm-courriel div > input[type="text"], #confirm-courriel div > input[type="email"]{
	height: 40px;
    padding: 5px;
    width: 100%;
}
#confirm-courriel div > input[type="submit"] {
    margin: 20px 0 0;
    width: 100%;
}
#confirm-courriel div h3{
	text-align:center;
}


.liste-projet-site > p{padding-left:10px;}


.comment-section{ margin:30px auto;}
.comment-section:last-child{ margin:0px auto;}

@media print{
    
/*  SECTION PROFIL */
    
    #profil .formulaire label{
        margin: 0 !important;
    }
    #profil .formulaire textarea{ width:900px !important; padding-top:10px; }
    #profil fieldset{ border:0 !important; outline:none !important; }
    #profil legend{ margin-left:-20px; padding:0; padding-top:20px; }
    #profil #main-content{ margin-top:-100px; }
    
    #bar-etat, #signatureStc, input[type="button"], input[type="submit"], button{ display:none; }



}

/*=================================================================================*/
/*=================================================================================*/
/*                          FLEXIBLE PART                                          */
/*=================================================================================*/
/*=================================================================================*/
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 1200 et 1024 (1010)  */
@media only screen and (max-width: 1199px) {
	#wrapper{width: 993px;}
	#content #main-content { width: 953px;}
	.formulaire #showPass {left: 590px;}
	#menuClient ul li:first-child img {margin-left: 30%;}
	#menu ul li img {width: 35px;}
	#content #bar-etat a {font-size: 12px;}
	#menuClient ul li:last-child a {width: 89px; padding-right: 20px;}
	#menuClient ul li a {padding: 12px 20px;}
	.boutons-solu {
		width: 105px; 
		padding: 7px 14px;
		font-size: 11px;
	}
	.solu-desc {font-size: 11px;}
	.solu-text h3 {font-size: 14px;}
	.solu-text {width: 287px;}
	.boutonSavoir {left: 150px;}
	.messagepop {width: 650px;}
	.modal-desc {width: 485px;}
	#demande-colonneGauche {width: 47%;}
	.form-dem input[type="text"], .form-dem input[type="password"]{width:250px;}
	.formulaire #showPass {left: 528px;}
	#donnees-utilisateur > div {width: 292px;}
	.divForm-droite {width: 500px;}
	#liste-form > div > label, #ajout-form > div > label {width: 179px;}
	#ajout-form > div {padding: 10px 0;}
	.contRecuText { width: 345px;}
}
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 1023 et 768px  */
@media only screen and (max-width: 1009px) {
	
	#connect{padding: 40px 20px; width:710px;}
	#wrapper{width: 751px;}
	#content #main-content { width: 711px;}
	.formulaire #showPass {left: 530px;}
	#menuClient ul li:first-child img {margin-left: 23%;}
	#menu ul li img {width: 35px; margin-left:30%}
	#content #bar-etat a {font-size: 10px;}
	#menuClient ul li:last-child a {width: 85px; padding-right: 12px;}
	#menuClient ul li a {padding: 12px 10px;}
	#menuClient ul li:last-child img {margin-left: 38%;}
	.boutons-solu {
		width: 105px; 
		padding: 7px 14px;
		font-size: 11px;
	}
	.solu-desc {font-size: 11px;}
	.solu-text h3 {font-size: 14px;}
	.solu-text {width: 287px;}
	.boutonSavoir {left: 150px;}
	.solu-text {margin: 10px 0 0;}
	.messagepop .img-modal{width:100px; height:100px;}
	.modal-desc {width: 440px;}
	.messagepop p{font-size: 12px;}
	.messagepop {width: 550px;}
	#demande-colonneGauche {width: 46%;}
	.form-dem input[type="text"], .form-dem input[type="password"]{width:195px;}
	#donnees-utilisateur > div {width: 215px;}
	.formulaire #showPass {left: 395px;}  
	#analytics-left, #analytics-right{
		float: none;
		width: 100%;
	}
	#tabs.indexTab ul li {width: 340px;}
	#absolute-div .menuSecondaire, .menuSecondaire{width: 340px;margin-right: 40px;}
    .divForm-droite {width: 315px;}
	#detailWeb-div:last-child{float: left; width: 279px;}
	#div-dateLancement { float:none; display:inline-block;}
	.contRecuText { padding: 20px 0 20px 5px; width: 230px;}
	#comment-box {  margin-top: 115px;}
	.boutonsCourriel {margin-top: 35px;}
}
/*=================================================================================*/
/*=================================================================================*/
/*  affiche une grosse tablette  */
@media only screen and (max-width: 767px) {

	#connect{width:420px; height:auto; padding: 40px 20px;}
	#connect #connexion-email form {
		height: 262px;
		margin: 0 auto;
		padding: 0;
		width: 292px;
	}
	#connect hr {
		color: #909090;
		width: 287px;
		display:block;
	}
	#connect > div > p, #connect > div p a {
		margin: 60px 0 20px !important;
	}
	#connexion-email, #connexion-rs{float:none;}
	#wrapper{width: 463px;}
	#content #main-content { width: 423px;}
	
	#header #logo #logo-nivii {margin: 30px auto 70px;}
	
	.divContenuComptes {
    	padding: 0;
	}
	#main-content .formulaireComptes input[type="text"], 
	.formulaireComptes input[type="password"], .formulaire input[type="text"], 
	.formulaire 		input[type="password"] {
		padding: 5px;
		width: 239px;
	}
	#liste-form, #ajout-form {
    padding: 5px 0px;
	}
	fieldset > div { padding: 10px 0;}
	
	#main-content form fieldset legend {font-size: 15px;}
	
	#main-content .seo .formulaire .sectionTextArea label {
		padding: 20px 0 8px;
		width: 100%;
	}
    #main-content .seo .formulaire textarea {width: 99%;}
	#main-content .seo .formulaire label {
		padding: 10px 0;
		width: 100%;
	}
	
	#main-content .seo .formulaireComptes label {
    margin-top: 15px;
    width: 75%;
	}
	.titreCompte {width: 81% !important;}
	#main-content .seo .formulaire textarea {
    margin-left: 0px;
    padding: 0px;
	}
	
	/* formulaire demarrage */
	
	#profil-submit > button{width:100%; margin: 0;}
	
	#main-content .form-dem .formulaire label {margin-left: 0px;}
	#main-content .form-dem .formulaire label {
		padding: 10px 0;
		width: 165px;
	}
	
	.formulaire #showPass {
		left: 235px;
		margin: 8px auto !important;
	}
	#profil-div-milieu {
		height: 410px;
		margin-top: 0px;
	}
	
	#profil-div-gauche, #profil-div-droite, #profil-div-milieu{float: none;}
	.formulaire #showPass {
		left: 225px;
		margin: -25px auto !important;
	}
	
	/* fin formulaire demarrage */
	
	.boutonSavoir {left: 215px;}
	.boutons-solu {
		width: 165px; 
		padding: 10px 15px;
		font-size: 13px;
	}
	.solu-colonneDroite, .solu-colonneGauche {
		float: none;
		width: 100%;
	}
	.solu-text {
		margin: 10px 0 0;
		width: 100%;
	}
	.solu-desc {font-size: 13px;}
	.solu-text h3 {font-size: 14px;}
	
	#menu, #menuClient{height:100%; margin:0;}
	.menu-mobile {
		background: rgba(0, 0, 0, 0) url("../images/icon_menu.png") no-repeat scroll right center;
		display: block !important;
		height: 100%;
		width: 110px;
		line-height:60px !important;
		margin-right: 5px;
	}
	#menuClient, #menuAdmin, #menuCP {
    float: left;
    position: relative;
    z-index: 999;
	width:100%;
	}
	#menuClient > ul > li, #menuAdmin > ul > li, #menuCP > ul > li {
		cursor: pointer;
		display: inline-block;
		height: 40px;
		list-style: outside none none;
		position: relative;
		background:#FA4616;
		width:100%;
	}
	#menuClient > ul > li > a, #menuAdmin > ul > li, #menuCP > ul > li {
		color: #FA4616;
		display: block;
		font-size: 17px;
		line-height: 40px;
		padding: 0 0px;
		text-decoration: none;
		text-align:center;
		float:none !important;
	}
	#menuClient > ul, #menuAdmin  > ul, #menuCP  > ul {
		height: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 60px;
	}
	#menuClient ul li:last-child a, #menuAdmin ul li:last-child a, #menuCP ul li:last-child a {width: 100%;}
	#content #bar-etat a {font-size: 18px;}
	
	.messagepop p{font-size: 11px;}
	.messagepop img {
		right: -10px;
		top: -10px;
	}
	.messagepop .img-modal{width:70px; height:70px;}
	.messagepop {width: 350px; height:230px; }
	.modal-desc {width: 355px; margin-top: 68px;}
	
	.div-blanc { width: 362px;}
	
	#mdp-oublie p {
		font-size: 17px;
		text-align: center;
	}
	#mdp-oublie > div > form {width: auto;}
	#demande-colonneGauche > div > textarea {height: 200px;}
    #demande-colonneDroite {width: 43%;}
	#demande-colonneDroite > div > input[type="file"]{ font-size:10px;}
	
	
	/* Tableau responsive pour l'index */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	tr th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr { border: 1px solid #ccc; }

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
	}

	/*
	Label the data
	*/
	#mobile-visites td:nth-of-type(1):before { content: "Appareil";}
	#mobile-visites td:nth-of-type(2):before { content: "Sessions";}
	#keywordNature td:nth-of-type(1):before { content: "Mot clé";}
	#keywordNature td:nth-of-type(2):before { content: "Sessions";}
	#keywordNature td:nth-of-type(3):before { content: "Durée sessions";}
	#keywordNature td, #obj-conversion td, #mobile-visites td, #adwords td{ text-align:right; overflow:auto;}
	#adwords td:nth-of-type(1):before{ content: "Mot clé"; }
	#adwords td:nth-of-type(2):before{ content: "Sessions"; }
	#adwords td:nth-of-type(3):before{ content: "Durée sessions"; }
	#obj-conversion td:nth-of-type(1):before{ content: "Support"; }
	#obj-conversion td:nth-of-type(2):before{ content: "Obj. réalisés"; }
	#obj-conversion td:nth-of-type(3):before{ content: "Taux par objectif"; }
	#div-imprimerIndex {margin-right: 4px;}
	
	#tabs.indexTab ul li {
    	font-size: 14px;
    	width: 100%;
	}
	
	
	.divForm-droite {float:none; width: auto;}
	#absolute-div{position:relative;}
	#absolute-div .menuSecondaire, .menuSecondaire{ width:100%;}
	.menuSecondaire li {text-indent: 65px;}
	#detailWeb-div:last-child{float: none; width: auto;}
	
	         
}
/*=================================================================================*/
/*=================================================================================*/
/*  site entre 479 et 300 minimum pour smart phone  */
@media only screen and (max-width: 479px) {
	
	
	#content #main-content h1 {font-size: 17px;}
	.div-blanc { width: 200px;}
	.messagepop p{font-size: 11px;}
	.messagepop {width: 235px;}
	.messagepop img {
		height: 30px;
		right: -10px;
		top: -10px;
		width: 30px;
	}
	.modal-desc {width: 240px;}
	
	#connect, #connect #connexion-email form, .reseaux-sociaux, #connect form input[type="submit"]{width:280px;}
	
	#connect #connexion-email form > div > input[type="text"], #connect #connexion-email form > div > input[type="password"] {width: 276px;}
	
	#menuClient > ul > li, #menu ul ul li {width: 100%;}

	#wrapper{width: 313px;}
	#content #main-content { width: 273px;}
	
	.boutonSavoir {left: 141px;}
	.boutons-solu {
		width: 98px; 
		padding: 5px 15px;
		font-size: 10px;
	}
	.solu-colonneDroite, .solu-colonneGauche {
		float: none;
		width: 100%;
	}
	.solu-text {
    margin: 10px 0 0;
    width: 100%;
	}
	.solu-desc {font-size: 11px;}
	.solu-text h3, #mdp-oublie p {font-size: 14px;}
	.messagepop {height:350px; }
	#mdp-oublie form > div > input[type="text"] {width: 193px !important;}
	#mdp-oublie > div > form > div, #submit-nouv-mdp, #confirm-courriel {width: 204px !important;}
	#confirm-courriel {width: 197px !important;}
	
	#phplive_btn_1435608046 img{width:320px;}
	#phplive_btn_1435608046{width: auto !important;}
	
	#demande-colonneGauche, #demande-colonneDroite, #submit-demande {width: 100%; float:none;}

	#profil-submit, #profil-div-gauche {float: none;}
	
	div.ajout-submit button, div.ajout-submit input[type="submit"] {margin: 20px 0 0;}
	.form-dem h3 {font-size:14px; width: 260px;}
	#confirm-courriel div h3{font-size:17px;}
	#imprimerSEO, #ajoutCommentaire, #modifierProjetSeo {width: 100%;}
	#analytics-right table tr td label{margin-left: 70px;}
	
	.menuSecondaire li {text-indent: 55px;}
	.btn-nivii{width:100%;}
	
	#content #main-content .menuSecondaire ul li a {font-size: 12px;}
	.menuSecondaire #projet-web, .menuSecondaire #detailWeb, .menuSecondaire #form-demarrageWeb, .menuSecondaire #zone-contenu, .menuSecondaire #zone-maquette, .menuSecondaire #zone-courriel, .menuSecondaire #historique-commu, .menuSecondaire #projet-web a:hover, .menuSecondaire #detailWeb a:hover, .menuSecondaire #form-demarrageWeb a:hover, .menuSecondaire #zone-contenu a:hover, .menuSecondaire #zone-maquette a:hover, .menuSecondaire #zone-courriel a:hover, .menuSecondaire #historique-commu a:hover{background-size:30px;}
	
}
/*=================================================================================*/
/*=================================================================================*/