*{
	/* Resetting the default styles of the page */
	margin:0;
	padding:0;
}

body, html {height:100%}

body{
	/* Setting default text color, background and a font stack */
	font-size:0.825em;
	color:#666;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
/*iOS*/
#ios{
	position:absolute;
	top:20px;left:20px;
	width:125px;height:270px;
	/*background:url("../img/ios.png") no-repeat top left;*/
}
/*LOGIN*/

#login_form {
font-family: Verdana, Geneva, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}



#login_panel label, #login_panel input {

	display: block;

	width: 380px;
	margin:0 auto;

	padding: 0px 5px;

	-webkit-border-radius: 5px;

	border: none;

}



#login_panel input {
	clear:left;
	padding: 10px 5px;

}



#login_panel label {

margin-top: 10px;margin-bottom: 5px;

}



#login_panel #submit {

	background: #43433d;

	padding: 8px 4px;

	border: none;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	font-size: 1.2em;

	color: #ffffff;

	font-weight: bold;

	cursor: pointer;

	margin: 0 auto;

	margin-top: 10px;

}

#login_panel #submit:hover {

	background: #ff0000;

}



#login_panel {

	margin: 0 auto;

	width: 400px;

	/*min-height: 10px;*/

	padding: 30px;

	background: #cccccc;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	display: none;

}



.slide_btn {

	text-align: center;

	background: #ff0000;

	width: 140px; 

	height: 15px;

	margin: 0 auto;

	display: block;

	color: #ffffff;

	text-decoration: none;

	padding: 10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}



.slide { 

margin: 0; /*NO MARGIN*/ 

padding: 0; /*NO PADDING*/ 

} 



/*\LOGIN*/

#page-portfolio {background-color:#2f4b55;}

.sponsorListHolder{

	margin-bottom:30px;

}



.sponsor{

	width:360px;

	height:360px;

	float:left;

	margin:4px;

	

	/* Giving the sponsor div a relative positioning: */

	position:relative;

	cursor:pointer;

}



.sponsorFlip{

	/*  The sponsor div will be positioned absolutely with respect

		to its parent .sponsor div and fill it in entirely */



	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	border:1px solid #ddd;	

	background:url("/img/background.jpg") no-repeat center center #f9f9f9;

}



.sponsorFlip:hover{

	border:1px solid #999;

	

	/* CSS3 inset shadow: */

	-moz-box-shadow:0 0 30px #999 inset;

	-webkit-box-shadow:0 0 30px #999 inset;

	box-shadow:0 0 30px #999 inset;

}



.sponsorFlip img{

	/* Centering the logo image in the middle of the sponsorFlip div */

	

	position:absolute;

	/*top:50%;

	left:50%;*/

	/*margin:-70px 0 0 -70px;*/

}



.sponsorData{

	/* Hiding the .sponsorData div */

	display:none;

}



.sponsorDescription{

	font-size:11px;

	padding:50px 10px 20px 20px;

	font-style:italic;

}



.sponsorURL{

	font-size:10px;

	font-weight:bold;

	padding-left:20px;

}



.clear{

	/* This class clears the floats */

	clear:both;

}



/**/

#header{

width:100%;

height:61px;

background:url("/img/band.jpg") repeat-x top left #f8f8f8;

}

#titre{

background:url("/img/titre.jpg") no-repeat top left;width:1100px;height:61px;margin:0 auto;

}

#menu {width:550px;margin: 0 auto;color:#484848;font-weight:bold;text-shadow: #fffeff 0 1px 1px;}

#menu li{float:left;margin-right:5px;list-style-type:none;text-align: center;/*background:url("img/mnu.png") no-repeat top left;*/width:138px;height:34px;}

#menu li a{

/*text-indent:-999px;*/

	overflow:hidden;

	display:block;

	background:url("/img/mnu2b.png") no-repeat;

	/*margin-right:2px;*/

	padding-top:5px;

	height:29px;

	text-shadow:none;

	outline:none;

	text-decoration:none;

	



}

#page-contact #menu li#mnu-ctc a {

  background-position:center -34px;color:#ffffff;

}

#page-portfolio #menu li#mnu-port a {

  background-position:center -34px;color:#ffffff;

}



#page-contact #menu li a{

	background:url("/img/mnu2b.png") no-repeat;

}

#menu li a:hover{background-position:center -34px;color:#ffffff;}

/* The styles below are only necessary for the styling of the demo page: */

#page-contact #menu li a:hover{background-position:center -34px;}

#main{

	clear:left;

	position:relative;

	margin:0 auto;

	width:1113px;/*1113*/

	/*

	background: url(/img/fd-port.gif) no-repeat top left #ffffff;

	padding-top:20px;

	padding-left:5px;

	padding-bottom:2px;*/

}

#separ{position:relative;clear:left;height:35px;}



h1{

	padding:30px 0;

	text-align:center;

	text-shadow:0 1px 1px white;

	margin-bottom:30px;

	background:url("/img/page_bg.gif") repeat-x bottom #f8f8f8;

}



h1,h2{

	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;

}



h2{

	font-size:14px;

	font-weight:normal;

	text-align:center;

	

	position:absolute;

	right:40px;

	top:40px;

}



.note{

	font-size:12px;

	font-style:italic;

	padding-bottom:20px;

	text-align:center;

}



a, a:visited {

	color:#0196e3;

	text-decoration:none;

	outline:none;

}



a:hover{

	text-decoration:underline;

}



a img{

	border:none;

}

/**/

/* @group contact */



#page-contact {background-color:#2f4b55;}





#page-contact h2 {

  margin-bottom: 13px;

}



#page-contact #content {

  padding-top: 0;

  padding-bottom: 0;

}



/* --- */



#page-contact #hi {

  padding-top: 34px;

  background: url(/images/essentials/content/item.png) 0 bottom;

  padding-bottom: 14px;

  border-bottom: 1px solid rgba(255,254,255,0.02);

}



#page-contact #thank {

  padding-top: 34px;

  background: url(/images/essentials/content/item.png) 0 bottom;

  padding-bottom: 14px;

}



#page-contact #sayhi {

  float: left;

  width: 300px;

}



#page-contact #available {

  float: right;

  width: 430px;

  font-size: 20px;

  line-height: 26px;

  font-weight: bold;

  text-align: right;

  padding-top: 33px;

}



/* --- */



#page-contact form {

  padding-top: 33px;

}



#page-contact form div {

  margin-bottom: 15px;

}



/* --- */



#page-contact label {

  display: block;

  color: #243b43;

  margin-bottom: 5px;

  text-shadow: rgba(170,184,179,0.17) 0 1px 0;

}



#page-contact input {

  height: 25px;

  width: 240px;

  border-width: 0;

  border-style: none;

  padding: 5px 50px 0 10px;

  background-image: url(/img/input3.png);

  background-color: transparent;

  vertical-align: bottom;

  outline: 0;

  font: 14px/20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

  color: #f9f9fa;

  text-shadow: #050e11 0 1px 1px;

}



#page-contact input:focus {

  /*background-position: 0 -30px;*/

  -webkit-box-shadow: 0px 0px 5px #b7a2e4;

  -moz-box-shadow: 0px 0px 5px #b7a2e4;

}



#page-contact textarea {

  height: 143px;

  width: 375px;

  border-width: 0;

  border-style: none;

  background-color: transparent;

  vertical-align: middle;

  padding: 6px 10px;

  background-image: url(/img/txtarea.png);

  outline: 0;

  font: 14px/20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;

  color: #f9f9fa;

  text-shadow: #050e11 0 1px 1px;

  resize: none;

  overflow: auto;

}



#page-contact textarea:focus {

  /*background-position: 0 -170px;*/

  -webkit-box-shadow: 0px 0px 5px #b7a2e4;

  -moz-box-shadow: 0px 0px 5px #b7a2e4;

}



#page-contact .optional input {

  background-image: url(/img/input.png);

  width: 280px;

  padding: 5px 10px 0;

  height: 25px;

}



#page-contact .error input {

  background-position: 0 -30px;

  /*background-image: url(/images/input-error.png);*/

}



#page-contact .error input:focus {

  /*background-position: 0 -30px;*/

}



#page-contact .error textarea {

	background-position: 0 -155px;

  /*background: url(/images/textarea-error.png) 0 0;*/

}



#page-contact .error textarea:focus {

  /*background-position: 0 -170px;*/

}



/* --- */



#page-contact button {

  float: right;

  margin: 3px -2px 0 0;

  /*background:url(img/submit.png) no-repeat 0 0;width:134px;height:36px;*/

}

.btn {

  height: 36px;

  width: 30px;

  display: block;

  text-indent: -9999px;

  border-style: none;

  border-width: 0;

  padding: 0;

  margin: 0;

  font-size: 34px;

  line-height: 34px;

  overflow: hidden;

  background-color: transparent;

  cursor: pointer;

}



.btn span {

  display: block;

}



.btn:hover {

  background-position: 0 -36px;

}



.btn:active {

  background-position: 0 -72px;

}

.btn.send {

  background-image: url(/img/submit.png);

  width: 104px;

}

/* --- */



#page-contact form .left {

  width: 300px;

  float: left;

}



#page-contact form .right {

  width: 400px;

  float: left;margin-left:50px;

}





#frm{

float:left;

background:url("/img/ctc-fd.gif") repeat-x top left #cccccc;width:100%;height:412px;

}

#ctc-titre{

height:39px;margin:0 auto;width:700px;

color:#FFFFFF;text-shadow:#4a5759 0 1px 1px;font-size:16px;text-align:right;padding-top:20px;/*float:right;*/

}

#ctc-form {clear:left;margin: 0 auto;width:750px;}

#result {clear:both;padding-left:10px;color:#FFFFFF;text-shadow:#4a5759 0 1px 1px;}

/* footer */

.container {

  width: 950px;

  margin: 0 auto;

  position: relative;

  padding-left: 10px;

  padding-right: 10px;

}

.container:after {

  clear: both;

  content: ' ';

  display: block;

  font-size: 0;

  line-height: 0;

  visibility: hidden;

  width: 0;

  height: 0

}



#push {

  clear: both;

  height: 157px;

}



#footer {

  height: 122px;

  overflow: hidden;

  position: relative;

  z-index: 0;

  padding-top: 35px;

  background: url(/img/bg.png) 0 0;

}

#copyright {

  float: left;

  width: 350px;

  height: 99px;

  color: #aab8b3;

  font-size: 12px;

  line-height: 20px;

  padding-top: 23px;

  position: relative;

  background-repeat: no-repeat;

}

#contact {

  float: right;

  width: 420px;

  height: 99px;

  color: #aab8b3;

  font-size: 12px;

  line-height: 20px;

  padding-top: 23px;

  padding-left: 50px;

  position: relative;

  background-repeat: no-repeat;

}

/* --- */



#contact .left {

  float: left;

  width: 290px;

}



#contact .right {

  float: right;

  width: 130px;

}



/* --- */



/*#contact #download-vcard {

  position: absolute;

  top: 34px;

  left: 0;

  width: 63px;

  height: 59px;

  background-image: url(/images/essentials/footer/contact.png);

  text-indent: -9999px;

  -webkit-transition: opacity 0.2s linear;

  -o-transition: opacity 0.2s linear;

}*/



#viadeo{

 width: 75px;

 height: 19px; 

}

#viadeo a{

  width: 75px;

  height: 19px;

  display: block;

  overflow: hidden;

  text-indent: -9999px;

  background-image: url(/img/viadeo.gif);

}

#viadeo a:hover {

  opacity: 0.5;

  -webkit-transition: opacity 0.2s linear;

  -o-transition: opacity 0.2s linear;

}



#wrapper {

  margin-bottom: -157px;

  min-height: 100%;

  height: auto !important;

  height: 100%;

}
#other{
	 width: 163px; height: 43px;z-index:1;position:absolute;top:10px;left:15px;
}
#other a{

  width: 163px;

  height: 43px;

  display: block;

  overflow: hidden;

  text-indent: -9999px;

  background-image: url(/img/dezannet.png);

}
#other a:hover {

  opacity: 0.5;

  -webkit-transition: opacity 0.2s linear;

  -o-transition: opacity 0.2s linear;

}