/*--------------------------------------Admin CSS realise par GDidees-----------------------------------------*/
/* propriete tablau phpinfo*/
body { max-width: 1600px; }
#wrapper { color:#333; }
table .v { background-color:ececec; color:#ebeaea ; }
table .e { color:#ebeaea ; font-weight:normal; }

/************************************* page index_admin ************************************/
#contentAdmin, .contentAdmin {
	/*float:left;
	width:80%;*/
	height:100%;
	margin:0px 30px 0 300px;
}
#titreAdmin, .titreAdmin {
	font-weight:bold;
	font-size:12px;
	margin:40px 30px 0 300px;
}
#deconnexion  { 
	font-size:12px;
	color: #000000;
	padding: 0px 0 20px 8px;
	border-bottom:1px solid #F6F6F6;
}
.login_form { margin:0 auto; height:300px; width:360px; border: 1px solid #d9d7d7; background:#f4f4f4;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:100px;
}
.mdpoublie_form { float:left; margin:25px 0 0 300px; width:60%; }
#userlogin {
float:right;
margin:-70px 25px 0 0;
color:#d6d6d6;
font-size:12px;
}
.txtlogin { margin-left:15px; }
.ssbutton{ height:18px; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;text-decoration:none;font-size:12px!important;line-height:16px;padding:6px 12px;cursor:pointer;border:1px solid #bbb;color:#464646;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-khtml-box-sizing:content-box;box-sizing:content-box;
}
#infologin  {
float:left;
width:80%;
margin:29px 0 0 39px;
}
#datelogin  {
position:absolute;
top:110px;
margin-left:300px;
font-size:12px;
}
#section {
float:left;
width:100%;
margin:0 0 30px 0;
}
#sidebar { 
float:left;
width:260px;
border-right:1px solid #e1e1e1; 
margin-left:10px;
}
#footer { 
clear:both;
background-color:#ffffff; color:#e6e6e6;
border-top:1px solid #e7e7e7; 
height:25px; 
padding-top:4px;
text-align:center;
font-size:11px;
}
.exmodele { width:100%; }
.preview { margin:0 20px 0px 0; line-height:4em; border:1px solid #b9b4b4; }
.txt_identifiant1 { font-size:12px; margin:20px 10px 20px 25px; }
.txt_identifiant2 { font-size:12px; margin:-20px 10px 20px 25px; }
.txt_passoublie { margin:50px 0 0 10px; text-align:center; }
.login_forms {
	margin:10px 0 0px 0;
	padding-top:10px;
}
.logintitre { font-weight:bold; width:100%; }
.step2 { }
.calendarcocheinclus { margin:0px 188px 0 -476px; }
.contactcocheinclus { margin:0px 188px 0 -422px; }
.googlemapcocheinclus { margin:1px 188px 0 -562px; width:692px; float:left; }
.inscriptioncocheinclus { margin:-15px 188px 0 -416px; width:692px; float:left; }
.sondagecocheinclus { margin:7px 188px 0 -5px; float:right; }
.logincocheinclus { float:left; margin:-4px 0px 0 -506px; }
input.button_css { width:90px; height:26px; margin-top:10px; }
.imgcss { margin:10px 0 10px 0; border:2px solid #bbb; }

input.login {
	font-size: 12px;
	border: 1px solid #d5d5d5;
	margin:10px 0 26px 4px;
	height: 30px;
	width: 292px;
	padding-left:3px;
	background-color: #ffffff;
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px; 
    border-radius: 3px 3px 3px 3px;         
    -webkit-border-top-left-radius: 3px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 3px; /* pour Chrome */ 
	-moz-box-shadow: 5px 17px 5px -15px #f2f1f2 inset;
}
input.pass {
	font-size:12px;
	border:1px solid #d5d5d5;
	height:30px;
	width:292px;
	padding-left:3px;
	margin:10px 0 26px 4px;
	background-color: #ffffff;
	-moz-border-radius: 3px 3px 3px 3px; 
	-webkit-border-radius: 3px 3px 3px 3px; 
    border-radius: 3px 3px 3px 3px;         
    -webkit-border-top-left-radius: 3px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 3px; /* pour Chrome */ 
	-moz-box-shadow: 5px 17px 5px -15px #f2f1f2 inset;
}
.gmesslogin2 { font-weight:bold; }
table#tabMdp { }
td.tMdp { padding:0 10px 0px 0; font-size:12px; }
#mdp { height:150px; border-top:1px solid #d1d1d1; }
#mdpverif { border-top:1px solid #d1d1d1; margin:25px 0 -22px 0; }
/*style pour la fiabilite du mot de passe*/
#weak, #medium {
	border-right:solid 1px #DEDEDE;
}

#sm {
	margin:0px;
	padding:0px;
	height:20px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul {
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:20px;
	width:65px;
	border:1px solid #F2F2F2;
}

.nrm {
	width:84px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red {
	color:#FFFFFF;
	padding:2px;
	background-color:#e6cfc6;
}

.yellow {
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green {
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}
.center table { width:100%; }

/************************************** page console **************************************/
.sectionAdmin {	padding: 0px 0 0 0px; }
.sectionAdmin  a{
	background-color:#F9F9F9;
	display: block;
	color:#000000;
	float:left;
	padding:8px 0px 3px 10px;
}
.sectionAdmin a:hover { 
	background-color:#F4F4F4;
	color:#015a97!important;
}
.blocSection { 
	font-size:12px;
	float:left;
	padding-top:30px;
}
.titreSection { 
float:left;
background-color:#f1f1f1;
font-weight:bold; 
height:25px; width:100%;
padding:5px 0 0 10px;
-moz-border-radius:0px 0px 10px;     
-webkit-border-radius:0px 0px 10px;     
border-radius:0px 0px 10px;     
-webkit-border-top-left-radius:0px 0px 10px; /* pour Chrome */ 
-webkit-border-top-right-radius:0px 0px 10px; /* pour Chrome */ 
}
.txtAdmin { 
	font-size:12px;
	float:right;
	width:225px;
	padding-left:5px;
}
.ico_admin {
	display:inline;
}

/************************************** page echange de fichiers **************************************/
.button_ressource {
	cursor:pointer;
	color: #ffffff;
	margin: 30px 0 30px 0px;
	height: 22px;
	width: 75px;
	border: 1px solid #ce5d35;
	background-color:#ce5d35;
}
.button_parcourir {

}
.tabRessource { 
	margin-left:0px; border: none;
	border-collapse: collapse;
	font-size: 12px;
	width:93%;
}
.txtformressource { 
	float:left;
	font-size:12px;
	font-weight:normal;
	margin-top:20px;
	padding-left:12px;
	width:86.4%;
}
.cell1 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
    font-weight:bold;
	font-size:12px;
	padding-left:10px;
	width:3%; height:20px;
}
.cell2 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
    font-weight:bold;
	font-size:12px;
	padding-left:10px;
	width:27%; height:20px;
}
.cell3 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
    font-weight:bold;
	font-size:12px;
	padding-left:10px;
	width:20%; height:20px;
}
.cell4 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
    font-weight:bold;
	font-size:12px;
	padding-left:10px;
	width:10%; height:20px;
}
.cell5 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
    font-weight:bold;
	font-size:12px;
	padding-left:10px;
	width:22%; height:20px;
}
.cell1b {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	text-align:left;
	width:3%; height:20px;
}
.cell2b {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	width:27%; height:20px;
}
.cell3b {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	width:20%; height:20px;
}
.cell4b {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	width:10%; height:20px;
}
.cell4c {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	text-align:left;
	width:10%; height:20px;
}
.cell5b {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	width:22%; height:20px;
}
.pRessource {
	display:inline;
	padding-top:2px;
}

/******************************************* page permissions *******************************************/
#tabdroit { width:110%; }
.wCol1, .wCol2, .wCol3, .wCol4, .wCol5, .wCol5b, .wCol6, .wCol7, .wCol8 { height:20px; font-size:12px; font-weight:bold; text-indent:5px; border:1px solid #d5d5d5; background-color: #F6F6F6;} 
.wCel1, .wCel2, .wCel3, .wCel4, .wCel5, .wCel5b, .wCel6, .wCel7, .wCel8 { background-color:#fff; height:20px; font-size:12px; text-indent:5px; border:1px solid #d5d5d5; } 
.wCol1, .wCel1 { width:3%; float:left; font-size:12px; text-align:right; padding-right:5px; } /* id */
.wCol2, .wCel2 { width:10%; float:left; font-size:12px; } /* login */
.wCol3, .wCel3 { width:12%; float:left; font-size:12px; } /* password */
.wCol4, .wCel4 { width:15%; float:left; font-size:12px; } /* prenom */
.wCol5, .wCel5 { width:23%; float:left; font-size:12px; } /* mail */
.wCol5b, .wCel5b { width:85%; float:left; font-size:12px; } /* mail */
.wCol8, .wCel8 { width:14%; float:left; font-size:12px; } /* ville */
.wCol7, .wCel7 { width:16%; float:left; font-size:12px; } /* societe */
.wCol6, .wCel6 { width:6%; float:left; font-size:12px; } /* droit */

/******************************************** page creation *********************************************/
table.tabPageCreation { font-size:12px; margin-left:20px; }
.cCel { padding: 0 5px 5px 0; }

/******************************************* page suppression *******************************************/
.col_page1 {	float:left; width:5%; height:20px; background-color:#f6f6f6; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-weight:bold; font-size:12px; }
.col_page2 {	float:left; width:20%; height:20px; background-color:#f6f6f6; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-weight:bold; font-size:12px; }
.col_page3 {	float:left; width:20%; height:20px; background-color:#f6f6f6; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-weight:bold; font-size:12px; }
.col_page4 {	float:left; width:45%; height:20px; background-color:#f6f6f6; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-weight:bold; font-size:12px; }
.col_page5 {	float:left; width:8%; height:20px; background-color:#f6f6f6; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-weight:bold; font-size:12px; }
/*propriete des cellules de la page modification et suppression*/
.cel_page1 {	float:left; width:5%; height:18px; background-color:#ffffff; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-size:12px; }
.cel_page2 {	float:left; width:20%; height:18px; background-color:#ffffff; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-size:12px; }
.cel_page3 {	float:left; width:20%; height:18px; background-color:#ffffff; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-size:12px; }
.cel_page4 {	float:left; width:45%; height:18px; background-color:#ffffff; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-size:12px; }
.cel_page5 {	float:left; width:8%; height:18px; background-color:#ffffff; border-style:solid; border-color:#DFDFDF; 
border-width:thin; text-align:center; font-size:12px; }

/******************************************* page mailing *******************************************/
table#tabMailing { }
.textboxMail { margin:0 10px 15px 0px; font-size:12px; }


/************************************** PROPRIETES DE CKEDITOR **************************************/
#editeur { width:550px; padding-top:20px; }
.tab_edition {
	margin-left: 5px;
	margin-bottom: 20px;
}
.btn_valid {
	float:left;
	color:#000000;
	cursor:pointer;
	margin: 10px 0 30px 6px;
	padding: 0px 0 10px 0px;
	height: 22px;
	width: 63px;
	border: none;
	background: url(../images/btn_valid.jpg) no-repeat;
}
.btn_edit {
	color: #000000;
	margin: 0px 0 0px -270px;
	height: 22px;
	width: 63px;
	border: none;
	background: url(../images/btn_edit.jpg) no-repeat;
}
.btn_envoi {
	float: left;
	cursor:pointer;
	color: #105274;
	margin: 0px 0 30px 0px;
	height: 22px;
	width: 60px;
	border: 1px dotted #dadfe2;
	background-color:#E5EDFC;
}
.btn_inscrit {
	float: left;
	cursor:pointer;
	color: #105274;
	margin: 0px 0 30px 0px;
	height: 22px;
	width: 75px;
	border: 1px dotted #dadfe2;
	background-color:#E5EDFC;
}
.btn_efface {
	float: left;
	cursor:pointer;
	color: #105274;
	margin: 0px 0 30px 0px;
	height: 22px;
	width: 60px;
	border: 1px dotted #dadfe2;
	background-color:#E5EDFC;
}
#txt_identification {
	float: left;
	width: 700px;
	margin: -500px 0 0 -40px;
}
/*proprietes du bloc3 :  admin*/
#bloc_editeur {
	float: left;
	margin: 2px 0 0 -10px;
}
#toolsEdit___Frame { margin-left: -20px;}
#edit {
	width: 100%;
	height: 150px;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px 0 0 15px;
}
.validate {
	padding-top: 10px;
}
input.zoneEdit {
	margin: 2px 0 0px 0;
	color:#17294d;
	border: none;
	height: 18px;
}

/********************propriete du tableau de la page gestion du panier*******************/
.blocprix { text-align:right; }
.blocimg:first-letter { color:#ffffff; }
.blocimg {
	width:100%;
	cursor:pointer;
	padding:0px 0 0 24px;
	color:#c10001;
	font-weight:bold;
	text-align:center;
}
.cellpanieri { float:left; width:7.5%; height:22px; }
.cellpanier0 { float:left; }
.cellpanier1 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:7%; height:20px;
}
.cellpanier2 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:9.5%; height:20px;
}
.cellpanier3 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:11.1%; height:20px;
}
.cellpanier4 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:43.6%; height:20px;
}
.cellpanier5 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:20%; height:20px;
}
/********************propriete du tableau de la page gestion de l'album******************/
.gtitrecell1 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:5%; height:20px;
}
.gtitrecell2 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:25%; height:20px;
}
.gtitrecell3 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:13%; height:20px;
}
.gtitrecell4 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:39%; height:20px;
}
.gcell1 {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:5%; height:35px;
}
.gcell2 {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:25%; height:35px;
}
.gcell3 {
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:13%; height:35px;
}
.gcell4 {
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:37.4%; height:35px;
}
/***************propriete du tableau de la page gestion de l'album video****************/
.gvtitrecell3 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:27%; height:20px;
}
.gvtitrecell4 {
	float:left;
	background-color: #F6F6F6;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:38%; height:20px;
}
.gvcell2 {
	float:left;
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:27%; height:31px;
}
.gvcell3 {
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:37%; height:35px;
}
.gvcell4 {
	background-color: #FFFFFF;
	border: thin solid #DFDFDF;
	color:#000000;
	font-size:12px;
	text-align:center;
	width:448px; height:31px;
}

#qrcode_txt { margin-right:100px; }
#qrcode_img, #qrcode_img_vide { float:right; 
	padding:0 0px 10px 0; 
	font-size:12px; 
	background:#f4f4f4;
	-moz-border-radius: 7px; 
	-webkit-border-radius:7px; 
    border-radius:7px;
	width:300px; height:285px;
}

.params { display:block; float:left; width:80px; }
.pcolor { color:#CE5D35; }
.ptime { font-size:10px; color:#CE5D35; text-align:center; width:100%; }
.txtnormal { width:100%; }
.txtnormal2 { font-size:12px; padding-left:8px; }
.login-table {width:95%; line-height:2.6em; font-size:12px;}

/****************************************** RESPONSIVE DESIGN ************************************************/
/******************************* style pour resolution inferieur ou egale à 1680px*/
@media screen and (min-width:1051px) and (max-width:1681px) {
#contentAdmin { widht:70%!important; }
}
/******************************* style pour resolution inferieur ou egale à 1024px*/
@media screen and (min-width:768px) and (max-width:1024px) {
#contentAdmin { widht:60%; }
textarea { width:100%!important; }
.wCol4, .wCel4 { width:0%; border:none; float:left; font-size:12px; }
.wCol5, .wCel5 { width:23%; float:left; font-size:12px; }
.wCol5, .wCel5 { width:34%; float:left; font-size:12px; }
.wCol6, .wCel6 { width:8%; float:left; font-size:12px; }
.wCol7, .wCel7 { width:13%; float:left; font-size:12px; }
.tabRessource { width:100%; }
.cell5, .cell5b { width:23%; }
.cell3, .cell3b { width:19%; }
}
/******************************* style pour resolution inférieur ou egale à 800px*/
@media screen and (min-width:320px) and (max-width:800px) {

}
/******************************* style pour tablette(portrait) et petite tablette(paysage)*/
@media screen and (min-width:641px) and (max-width:800px) {	

}
/******************************* style pour petite tablette(portrait) et smartphone(paysage)*/
@media screen and (min-width:400px) and (max-width:640px) {

}
/******************************* style pour smartphone(portrait) */
@media screen and (min-width:320px) and (max-width:399px) {

}