div{
    margin:0; padding:0;
}

body{
    margin:0;
    color:#fff;
    font-size:13px;
    font-family:verdana;
    background:#111;
}

#contain{
    position: relative;
    border:0px solid red;    
	padding: 10px;
	width:980px;
	min-height:550px;    
    vertical-align: top;
}

h1{
    margin:20px 0 0 0; padding:5px 5px 5px 30px;
    color: #abbed7;
    font-weight:bold;
    font-size:16px;    
    background:url('../images/h1.png') no-repeat;
    background-position:0px 5px;    
}

h2{
    float:left;
    margin:30px 0 20px 0; padding:5px 5px 5px 30px;
    width:100%;
    color: #de935f;
    font-size:16px;
    font-weight:bold;
    text-shadow: 0 2px 2px black;
    border-bottom:1px solid #999;
    background:url('../images/h2.png') no-repeat;
    background-position:0px 5px;    
}

a{
    color: #e4e4e4;
    text-shadow: 0 2px 2px black;    
    text-decoration: none;
}

table{
    font-size:13px;
}

#top{
	display:block;
	width:980px; height:115px;	
	/*background:url('../images/logo.png') 10px 5px no-repeat;*/
    background-color:#111;
}

#top .logo{
    position: absolute;
}

#left, #right{
    margin: 0 10px 0 10px; padding: 10px 10px 10px 10px;
}

#left{
    position: relative;
    margin-top:20px;
	float:left; display:inline;
    border-top: 0;
    border-right:1px solid #486b88;
    border-bottom:1px solid #45749b;
    border-left:0;
    border-radius:0 10px 0 10px; 
    padding-bottom: 20px;
    background: linear-gradient(to right, #111, #1e1e1e);
    -moz-transform: perspective(10em) rotateY(8deg);
    -webkit-transform: perspective(10em) rotateY(8deg);
}

#right{
	float:left; display:inline; width:70%;    
	min-height:400px;
    border-radius:20px 10px 0 10px; 
    background: linear-gradient(to right, #1e1e1e, #111);
}

#right .pageContent{
    margin:0 0 0 30px;
}

#right .pageContent p.realContent{
    padding:10px;    
    color:#ccc;
    border-radius:20px 0 20px 0;
    border:1px solid #e6a448;
    border-top:0;
    border-left:0;
    text-align:justify;
    background:#333;    
}

#right .pageContent a{
    color: #b5bd68;
    text-decoration: underline;
}

#bottom{
	clear:both;
	display:block;
    padding:20px 30px 0 0;    
	text-align: right;
	font-size:10px;	
}


#bottom #seoVision{
    margin:150px 0 0 150px;
}

#bottom #seoVision tr td{
    padding-bottom: 10px;
    border-bottom:1px solid #666;
    text-align:left;
}

#bottom #seoVision tr td:first-child{
    width:150px;
    color:#DAA520;
}



.imgentete{    
    border:1px solid #333;    
}

input{
    background-color:#222;
    border-left:1px solid #111;border-right:1px solid #444;border-top:1px solid #444;border-bottom:1px solid #111;
    color:#e4e4e4;
}

textarea{
    width:95%;
    background-color:#222;
    border-left:1px solid #111;border-right:1px solid #444;border-top:1px solid #444;border-bottom:1px solid #111;
    color:#e4e4e4;
}

.submit input {
    background-color:#222;
    border-left:1px solid #444;border-right:1px solid $fond1;border-top:1px solid #444;border-bottom:1px solid #444;
    color:#e4e4e4;
}

input[type="submit"] {
    width:95%;
    cursor:pointer;
}

input[type="password"] {
    text-align:center;
}

label{
    color:#DAA520;
}

.rounded{
    padding:5px;
    border-radius:10px;    
    border:1px solid #444;
    background-color:#333;
}

.rounded:hover{
    padding:5px;    
    border:1px solid #333;
    border-radius:10px;
    background-color:#444;    
}

.subm{
    border:1px solid #DAA520;
}

.subm:hover{
    border:1px solid #DAA520;
}

.menug
{
    margin:25px 5px 5px 5px ;
    padding:5px 5px 5px 5px ;
    width:130px;
    text-align: left;    
    transition:width 1s, height 1s;
    -moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
    -webkit-transition:width 1s, height 1s, -webkit-transform 1s; 
    -o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
    -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
    background:#333;
    background: $fond2;
}

.menug:hover, .menug a:hover
{
    color: $couleurlien;    
    transform:scale(1.1) rotate(-2deg);
    -moz-transform:scale(1.1) rotate(-2deg);
    -webkit-transform: scale(1.1) rotate(-2deg);
    -o-transform:scale(1.1) rotate(-2deg);
    -ms-transform:scale(1.1) rotate(-2deg);
    background: $fond8; 
}


/* if smartphone */
@media only screen and (max-width: 400px){
	#contain{width:300px; left:0; margin-left:0; overflow:hidden;}
    #top{width:300px;background:url('') 35px 5px no-repeat;height:60px;}
	#left{margin-top:20px; width:280px;margin-left:0px;}
	#right{width:280px;clear:both;margin-top:10px;margin-left:0px;}    
	#bottom{width:300px; height: auto;}	
    input{width:280px;}
    #up{visibility: visible;}
    .logo{display:none;}
    .pageContent{margin-left:0 !important;}
    .youtubeMovie{width:280px !important;height:215px !important;}
}

/* if more than width ipad portrait */
@media only screen and (min-width: 1024px){
    #contain{left:50%; margin-left:-490px;}
}


xmp{    
    padding:10px;
    border:1px dashed #ffc858;
    border-radius:0 6px 0 6px;
}


/* collapse */
.toSlide{
    margin:20px 0 0 0;
    border-top:1px solid #111;
    padding:2px;    
}

.toSlide span{
    margin:0px 5px 0 -20px;
    padding:3px 15px 3px 25px ;
    border-radius:0px 5px 5px 0px;    
    background: #444;
    cursor: pointer;
}


/* popup */
#myPopBack{  
    position:fixed; top:0; left:0; z-index:50; 
    width:100%; height:100%;
}

#myPopForm{
    border:1px dashed yellow;
    background:black;
    padding:40px;
    position:fixed; top:0; left:0; z-index:100;
    width:50%;
    text-align:center;
}

#myPopForm input{
    margin-top:20px;
}

.legals{
    
}

#powered{
    float:right;
    padding:5px 10px 5px 10px;
    width:240px;
    border-radius:0 10px 0 10px;
    color:white;
    background:#45749b;
}

.legals label{
    color:white;
}

.legals p{
    display: none;
}

#scrollTop{
    position:fixed;
    left:10px; bottom:10px;    
    color:white;
    font-weight:bold;    
    display:none;
    cursor:pointer;

    width:94px; height:68px;
    background:url('../images/totheup.png') no-repeat;
    opacity:0.3;
    /*width:0; height:0;
    background:transparent;
    border:40px solid transparent;
    border-bottom:50px solid #e6a448;*/
}

/* PRE */
.preGrey    { color: #898b89; } /*greycom*/
.preGreen   { color: #b5bd68; } /*greenyellow html*/
.preRed     { color: #cc665b; }
.prePourp   { color: #de935f; } /*orange fonce*/
.preOrange  { color: #ffc858; } /*orange clair*/
.prePurple  { color: #b294bb; }
.preSaum    { color: #DE935F; }/*orange saumon*/
.preBlue    { color: #538ebe; }