/* Franck Halatre - artinthebox.be - 07-10-13 */
/* rose: #E33E86 */
/* bleu: #2AA7FF */
/* vert: #C0BE1E */

body {
	margin:0;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	overflow: hidden;
	background:url(fond_matiere_1.png) repeat top left #2F3031;
	}

.spip-admin-boutons {
	display:none;
	}

.objet-absolute {
	position:absolute;
	z-index: 999999999999999; 
	}
	
.transition-500, .transition-500-tree * {
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;
	}
	
.transition-1000, .transition-1000-tree * {
	-webkit-transition: all 1000ms ;
	-moz-transition: all 1000ms ;
	-ms-transition: all 1000ms ;
	-o-transition: all 1000ms ;
	transition: all 1000ms ;
	}
			
/* Image top left */

img.image-top, object.image-top {
	top: 0;
	left:0px;
	height:153px;
	width:260px;
	}

/* Image bottom right */

img.image-bottom, object.image-bottom {
	width:260px;
	height:153px;
	bottom: 0;
	right:0;
	}

/* Logo art in the box */

img.logo-aitb, object.logo-aitb  {
	width:205px;
	height:91px;
	margin-top:42px;
	left:17px;
	}

#bandeau{
	height: 150px;
	}
	
#titre_page {
	position:absolute;
	font-size: 40px;
	right:50px;
	}
	
#petit-titre {
	display: none;
	}
	
#page {
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	color: #FFFFFF;
	}

/** menu navigation **/

#navigationMap{
	position: fixed;
	left:400px;
	top:50px;	
	}

/** format type bouton navigation **/	

#navigationMap ul li a{
	cursor: pointer;
	background: #eee;
	height:50px;
	width: 50px;
	border-radius:0px;
	}

#navigationMap .ascensorLinkActive{}
#navigationMap .ascensorLink:hover{}

#navigationMap * {
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
	transition: all 500ms ;
	}
	
/* Complement navigation */
	
#page-home #navigationMap .fontello {
	color:#3D3D3D; 
	font-size: 25px; 
	text-align: center; 
	display: block; 
	line-height: 40px;
	margin: 0; 
	padding: 0;
	}
	
#page-home #navigationMap .fontello:hover {
	}
	
#page-home #navigationMap li:hover .fontello, .rotation:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    writing-mode: tb-rl;
	color:#FFFFFF; 
	font-size: 30px; 
	}
	
/** bouton item fixe navigation **/	
/*** bouton home navigation ***/	
#page-home #navigationMap .item_type_home a, #page-home #navigationMap .item_type_home .titre_navigationMap_hover{ 
	background-color:#2aa7ff;
	}
/*** bouton like navigation ***/	
#page-home #navigationMap .item_type_like a, #page-home #navigationMap .item_type_like .titre_navigationMap_hover{ 
	background-color:#2aa7ff;
	}
/*** bouton rss navigation ***/
#page-home #navigationMap .item_type_rss a, #page-home #navigationMap .item_type_rss .titre_navigationMap_hover{ 
	background-color:#e34b89;
	}
/*** bouton admin navigation ***/
#page-home #navigationMap .item_type_admin a, #page-home #navigationMap .item_type_admin .titre_navigationMap_hover{ 
	background-color:#d2d236;
	}

/* animation panneau latéral reseaux sociaux */        
        
#menu-left-like.hidden, #menu-right-like.hidden, #menu-left-admin.hidden, #menu-right-admin.hidden, #slidelateral_right.hidden  {
	display:none
	}
	
#menu-left-like.see, #menu-right-like.see, #menu-left-admin.see, #menu-right-admin.see, #slidelateral_right.see {
	display:block;
	}
			
/* texte info titre item navigation */

#item_ordre:hover .titre_navigationMap_hover  {
	width:130px;
	height:130px;
	padding: 10px;
	font-size: 18px;
	overflow: hidden;
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;
	}

.titre_navigationMap_hover {
	position: absolute;
	display: block;
	left:50px;
	top:100px;
	width:0px;
	height:0px;
	font-size: 0px;
	color: #FFFFFF;
	text-align: center;
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
	transition: all 500ms ;
	}
	
/* block lateral slide  */

#block-lateral-slide {
	top:0;
	left: -250px;
	z-index:1000000;
	position: absolute;
	width: 250px;
	height: 100%;
	background-color: #E33E86;   
    z-index:9999999999;
	}
	
/* block bouton close  */
	
#block-lateral-slide .close-slide {
	color:#E33E86;
	}
	
#slidelateral_right .close-slide {
	color:#C0BE1E;
	}

.close-slide {
	margin-top:5px;
	line-height: 18px;
	vertical-align: middle;
	text-align: center;
	margin-left: 220px;
	position:absolute;
	display: block;
	border:1px solid #FFFFFF;
	background:#FFFFFF;
	cursor: pointer;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	}
	
.close-slide:hover {
	position:absolute;
	display: block;
	border:1px solid #2AA7FF;
	background:#2AA7FF;
	color:#FFFFFF;
	}

/* block j'aime  */

#jaime_rzo {
	}
	
#jaime_rzo #liste_rzo {
	margin-top: 150px;
	}
	
#jaime_rzo .rzo {
	margin-bottom: 10px;
	}

#jaime_rzo #liste_rzo {
	text-align: center;
	}

#jaime_rzo .rzo_facebook {
	text-align: center;
	}

/* block slider lateral right  */

#contenu-lateral input, #contenu-lateral textarea, #contenu-lateral .submit{
	margin-left: 3px;
	display: block;
	width:95%;
	margin-top: 4px;
	margin-bottom: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 3px 3px rgba(0, 0, 0, 0.2);
    background: url(fond_matiere_3.jpg) repeat top left;
    color:#15A8DE;
    }
    
#contenu-lateral .submit{
	margin-top: 8px;
	background:#15A8DE;
	color:#FFFFFF;
	}
 
#contenu-lateral .submit:hover{
	background:#FFFFFF;
	color:#000000;
	}
      
#contenu-lateral  .formulaire_formidable {
	margin-top: 20px;
	}

#pageslide {
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999999999999999;
    color: #FFFFFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
    }
    
#slidelateral_right {
	position:absolute;
	width:250px; 
	top:0; 
	left:-250px; 
	height:100%; 
	background: #C0BE1E; 
	z-index:99999999999;
	}
	
#slidelateral_right_contenu {
	margin:13px;
	}

#slidelateral_right .carre {
	line-height:20px;
	display:block;
	width: 100px;
	height:100px;
	float:left;
    padding: 4px;
    color: #FFF;
    font-size: 11px;
    margin-bottom: 4px;
    margin-right: 4px
    }
    
#slidelateral_right .carre a {
	display:block;
	color:#FFFFFF;
	}
	
#slidelateral_right .carre a:hover {
	background: #FFFFFF;
	color:#000000;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	}
	
#slidelateral_right .carre.carre_3 {font-size:10px;}
#slidelateral_right .carre.carre_1 {background: #E33E86;}
#slidelateral_right .carre.carre_2 {background: #2AA7FF;}
#slidelateral_right .carre.carre_3 {background: #C0BE1E;}
#slidelateral_right .carre.carre_4 {background: #EBC729;}
#slidelateral_right .carre.carre_5 {background: #2495B8;}
#slidelateral_right .carre.carre_6 {background: #C14391;}
#slidelateral_right .carre a:hover {padding-left: 2px;}
#slidelateral_right .carre.carre_1 a:hover {background: #FFD3E6;}
#slidelateral_right .carre.carre_2 a:hover {background: #B7E2FF;}
#slidelateral_right .carre.carre_3 a:hover {background: #E5E492;}
#slidelateral_right .carre.carre_4 a:hover {background: #F2F1A9;}
#slidelateral_right .carre.carre_5 a:hover {background: #A4D8E8;}
#slidelateral_right .carre.carre_6 a:hover {background: #E8C7DB;}

#slidelateral_right .carre #titre {
	font-size: 18px;
	}
	
#slidelateral_right .carre #id {
	font-size: 32px;
	}

/****** min width 640px *******/
@media screen and (min-width: 640px) {

/** format type bouton navigation **/	

#navigationMap ul li a{
	position: fixed;
	}

/** position bouton navigation **/	

#navigationMap .ascensorLink2, #navigationMap  .ascensorLink3{
	margin-left:50px;
	}

#navigationMap .ascensorLink3, #navigationMap .ascensorLink13{
	margin-top: 50px;
	}

#navigationMap .ascensorLink4{
	margin-left: 100px;
	}

#navigationMap .ascensorLink5, #navigationMap  .ascensorLink6{
	margin-left: 150px;
	}

#navigationMap .ascensorLink6, #navigationMap .ascensorLink7, #navigationMap .ascensorLink8 , #navigationMap .ascensorLink9 {
	margin-top: -50px;
	}

#navigationMap .ascensorLink6{
	margin-left: 150px;
	}
	
#navigationMap .ascensorLink7{
	margin-left: 200px;
	}
	
#navigationMap .ascensorLink8{
	margin-left: 250px;
	}
	
#navigationMap .ascensorLink9{
	margin-left: 300px;
	}
	
#navigationMap .ascensorLink10{
	margin-left: 300px;
	}
	
#navigationMap .ascensorLink11{
	margin-left: 350px;
	}
	
#navigationMap .ascensorLink12{
	margin-left: 400px;
	}
	
#navigationMap .ascensorLink13{
	margin-left: 400px;
	}
}
/****** end - min width 640px *******/


/****** max width 640px *******/
@media screen and (max-width: 640px) {

/* Image top left */

img.image-top, object.image-top {
	top: 0;
	height:100px;
	width:173px;
	}

/* Image bottom right */

img.image-bottom, object.image-bottom {
	height:100px;
	width:173px;
	}

/* Logo art in the box */

img.logo-aitb, object.logo-aitb {
	margin-top:28px;
	margin-left:13px;
	height:58px;
	width:135px;
	}

/** menu navigation **/

#navigationMap{
	left:170px;
	top:0px;
	right:0px;
	height: 100px;	
	}

/** position bouton navigation **/	

#navigationMap ul li a  {
	float: left;
	}
}
/****** end - max width 640px *******/

/****** max width 480px *******/
@media screen and (max-width: 480px) {
	
}
/****** end - max width 480px *******/


/****** max width 320px *******/
@media screen and (max-width: 320px) {
	
/* Image top left */

img.image-top, object.image-top {
	height:100px;
	width:173px;
	}

/* Image bottom right */

img.image-bottom, object.image-bottom {
	height:100px;
	width:173px;
	}

/* Logo art in the box */

img.logo-aitb, object.logo-aitb {
	width:100px;
	bottom:0px;
	margin-left:13px;
	}

/** menu navigation **/

#navigationMap{
	left:0px;
	top:0px;
	height: 100px;
	}

/** position bouton navigation **/	

#navigationMap ul li a  {
	float: left;
	}

/** position bandeau **/	

#bandeau{
	height: 100px;
	}
}
/****** end - max width 320px *******/


/** formulaire **/

/*** formulaire login ***/
.formulaire_login *, .formulaire_spip * {
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height:100%;
	color:#FFFFFF;
	padding: 0px;
	margin: 0px;
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
	transition: all 500ms ;
	}
	
.formulaire_spip .obligatoire {
	font-size: 11px;
	color:#2AA7FF;
	}
	
.formulaire_login legend {
	display: none;
	}
	
.formulaire_spip label {
	display: block;
	margin: 5px 0 5px 0;
	}
	
.formulaire_spip label.nofx {
	display:inline;
	}
	
.formulaire_login a {
	color:#E33E86;
	display: block;
	margin: 5px 0 5px 0;
	}
	
.formulaire_login a:hover {
	color:#2AA7FF;
	}
	
input, input.submit, textarea, .formulaire_spip input, .formulaire_spip textarea {
	display: block;
	color:#000000;
	border: none;
	padding: 3px;
	margin: 5px 0 5px 0;
	}
	
input.submit {
	background:#E33E86;
	}

input.submit:hover {
	background:#2AA7FF;
	}

#slidelateral_right input, #slidelateral_right input.submit {
	width: 97%;
	}
	
input#session_remember {
	width: 15px;
	display:inline;
	}

#pass_securise img {
	display: none
	}
	
/*** custom formulaire page ***/

#page .formulaire_spip label {
	display: block;
	padding: 7px 3px 3px 3px;;
	color: #000000;
	width: 490px;
	margin:0px;
	background: #FFFFFF;
	
	}
		
#page input, #page textarea {
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #F4F4F4; 
	padding-top: 10px;
	padding-bottom: 10px;
	width: 490px;
	margin:0px;
	background-color: #FFFFFF;
	}

#page input.submit {
	width: 496px;
	padding: 3px;
	border: none;
	}
	
#page-home #general #ascensorBuilding section.ascensorFloor #corps #page .formulaire_spip.formulaire_formidable input.submit {
	background:#E33E86;
	}

#page-home #general #ascensorBuilding section.ascensorFloor #corps #page .formulaire_spip.formulaire_formidable input.submit:hover {
	background:#2AA7FF;
	}

#page-home #general #ascensorBuilding section.ascensorFloor #corps #page .formulaire_spip.formulaire_formidable label {color: #000000}
#page-home #general #ascensorBuilding section.ascensorFloor #corps #page .formulaire_spip.formulaire_formidable label .obligatoire {color:#2AA7FF }
	
.reponse_formulaire_erreur, .erreur_message {width: 490px;padding: 3px; background: #FFFFFF; color:#E33E86; display: block}

.reponse_formulaire_erreur {background: #2AA7FF; color:#FFFFFF;}
	
/*** animation des slides***/

	
#block-lateral-slide {
	left: -250px;
	}	

#block-lateral-slide.right {
	left: 0px;
	}	

#block-lateral-slide.right-right, #slidelateral_right.right {
	left: 0px;
	}	
	
#block-lateral-slide.right-right.right {
	left: 250px;
	}
	
#ascensorBuilding.right {
	left: 250px;
	}

section {
	overflow-x: hidden;
	}

#corps {
	left:0
	}

#titre_page.right{
	right:-200px;
	}

#corps.right {
	position:absolute;
	left: 250px;
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
	transition: all 500ms ;
	}
	
#corps.right #page {
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
    -ms-transition: all 500ms ;
    -o-transition: all 500ms ;
	transition: all 500ms ;
	}
	
#navigationMap.right {
	left:650px
	}	

img.image-top.right, object.image-top.right, img.logo-aitb.right, object.logo-aitb.right   {
	left: 250px;
	}
	
img.image-bottom.right, object.image-bottom.right {
	right: -250px;
	}

#colorbox, #cboxOverlay, #cboxWrapper{
	z-index:9999999999;
	}


/*** page specifique colonne***/


#colonne-left {
	width:496px; 
	display: block; 
	overflow: hidden; 
	float: left;
	}
	
#colonne-right {
	width:496px; 
	display: block; 
	overflow: hidden; 
	float: right;
	}
	
 #colonne-n2-left {
	width:245px; 
	display: block; 
	overflow: hidden; 
	float: left;
	}
  
#colonne-n2-right {
	width:245px; 
	display: block; 
	overflow: hidden; 
	float: right;
	}
	
#colonne-texte {
	padding: 4px 0 4px 4px;
	}

#general section.ascensorFloor #corps #page #texte a {color:#2AA7FF;	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;}
#general section.ascensorFloor #corps #page #texte a:hover {color:#E33E86;	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;}
	
	

#general .formulaire_spip.formulaire_formidable.formulaire_formidable-2 input {
	border-top: none;
	}
	
.formulaire_spip.formulaire_formidable.formulaire_formidable-2  li.editer.editer_input_2, .formulaire_spip.formulaire_formidable.formulaire_formidable-1  li.editer.editer_input_1
{display: inline-block; float: left;}
.formulaire_spip.formulaire_formidable.formulaire_formidable-2	li input,
.formulaire_spip.formulaire_formidable.formulaire_formidable-2	li textarea
{ width: 96%;padding-left: 2%; padding-right: 2%}
.formulaire_spip.formulaire_formidable.formulaire_formidable-2  li.editer.editer_input_2  input#champ_input_2.text,
.formulaire_spip.formulaire_formidable.formulaire_formidable-2  li.editer.editer_input_1  input#champ_input_1.text
{width: 92%;padding-left: 4%; padding-right: 4%}
.formulaire_spip.formulaire_formidable.formulaire_formidable-2  li.editer.editer_input_2,
.formulaire_spip.formulaire_formidable.formulaire_formidable-2  li.editer.editer_input_1 
{width: 50%;padding: 0px 0px 0px 0px}
#general  .formulaire_spip.formulaire_formidable.formulaire_formidable-2  li  label {display: none}
#general  .formulaire_spip.formulaire_formidable.formulaire_formidable-2 input:focus, #general  .formulaire_spip.formulaire_formidable.formulaire_formidable-2 textarea:focus {background:#F1B301;}


input:required:focus {
  border: none;
  outline: none;
  box-shadow: none;
}