@charset "utf-8";
/* CSS Document */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

#print_div{
    width: 900px;
    display:none;
}

body{
    width: 100%;
    background-color: #3a3a3a;

}

p{
    font-family: sans-serif;
}



.conteneur
{
    width: 800px;
    margin: 0 auto;

}

nav{
    color: #000;
    float: right;
    margin-top: -60px;
    font-weight: 100;
    display:inline;
    color: #333;
}

nav ul{
    padding-top: 3px;
    margin-top: -5px;
    border-top: 1px solid #ffc159;
}

nav ul li{
    display:inline;
}



#section_top{
    background-image: url(../images/back1.jpg);
    height: 400px;
    margin-top: -20px; 
    padding-top: 50px;
}

header{
    background-color: #f5a826;
    width: 100%;
    height: 150px;
}

header p{
    color: #000;
    float: right;
    margin-top: -90px;
    font-size: 25px;
    font-weight: 100;
}

h1 {
    padding-top: 30px;


}

#form_menu
{
    margin: 0 auto;
    width: 780px;
    height: 70px;
    margin-top: 60px;
    border: 1px solid #a7a7a7;
    background-color: #fff;
    padding: 10px;
}

#form_menu input
{
    margin: 19px 5px;
    width: 90px;
    height: 30px;
    border: 1px solid #333;
    background-color: #f5a826;
    font-size: 12px;
}


.status_text{

}

.status_text img{
    margin: 5px;
    margin-right: 10px;
    padding-top: 17px;
    float:left;

}
.status_text p{
    width: 155px;
    float:left;
    padding-top: 15px;
    font-family: sans-serif;
    font-size: 12px;
}

#status_ok
{
    display: none;
}

#status_bad
{
    display: none;
}
#status_nodelete
{
    display: none;
}

#status_fill
{
    display: none;
}
#controls{
    width: 345px;
    float: right;
    margin-right: 5px;
    DISPLAY: BLOCK;
    OPACITY: 1;
    visibility: visible;
}

#section_bot{
    border-top: 8px solid #f5a826;
    background:url(../images/engrenage.png) right bottom no-repeat #3a3a3a;
    min-height: 650px;
    padding-bottom: 0px;
}


.box_choix{
    position: relative;
    top: -120px;
    text-align: center;
    margin: 0px;
    border: 1px solid #a7a7a7;
    height: 400px;
    background-color: #fff;
    max-width: 345px;
    display: inline-block;    
}

.box_choix h2{
    font-family: sans-serif;
    margin: 45px 0 25px 0px;
    font-size: 42px;
    
}
.box_choix h3{
    font-family: sans-serif;
    margin-top: 0px;
    font-size: 36px;
}
.box_choix img{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a7a7a7;
}

#box_choix1
 {
     margin-right: 102px;  
    
 }
#options_check
{
    height: 400px;
    background-color: #fff;
}

#formulaire{

}

#formulaire label
{
    display: inline-block;
    width: 75px;
    text-align: right;
    margin: 10px 0px 10px 0px;
    
}

#horraire{
    margin: 0;
    padding: 20px;
    border: 1px solid #a7a7a7;
    background: #fff;
}


#formulaire_infos{
    margin: -60px 0 0 0;
    padding: 40px 20px;
    border: 1px solid #a7a7a7;
    height: 30px;
    background-color: #fafafa;
        
}


#div_comment{
    margin: 0px 0 0 0;
    padding: 20px 20px 15px 20px;
    border: 1px solid #a7a7a7;
    background-color: #fafafa;
    display: inline-block;
    width: 759px;
        
}

#div_comment label{
width: 120px;
    float: left;
    padding: 25px 50px 0 0;
}

#div_comment textarea{
width: 570px;
    float: left;
    resize: vertical;
}


.img_cheat{
    
    position: absolute;
    opacity:  0;
    width: 100%;
    height: 100%;
}

hr {
    color: #333;
    background-color: #aaa;
    height: 1px;
}

#print, #save{
    display: none;

}

#submit, #print, #save{
float: right;

}


header a{
    color: #cfebff;

}



.form_bubble
	{

		position: absolute;
		padding: 5px;
		top: 25px;
		height: 20px;
		background: #FFFFFF;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		border: #7F7F7F solid 1px;
		text-align: left  !important;
        left: 0px;
        margin: 0;
        padding: 3px;
        top:-15px;
        left:0;
        right:0;
        bottom:0;
	}
	
	.form_bubble:after
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 7px 7px;
		border-color: #FFFFFF transparent;
		display: block;
		width: 0;
		z-index: 1;
		top: -6px;
		left: 23px;
	}
	
	.form_bubble:before
	{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 7px 7px;
		border-color: #7F7F7F transparent;
		display: block;
		width: 0;
		z-index: 0;
		top: -7px;
		left: 23px;
	}	
	
	.form_bubble p {
        position: absolute;
		font-size: 12px !important;
		text-align: left !important;
		margin: 0;
		padding: 0 0 0 5px;
        display:inline;
        max-height: 20px;
    }


.ajax_position1{
    position: relative;
    max-width: 460px; 
    float:left;
}


.ajax_position2{
    max-width: 360px; 
    float:left;
}

.ajax_position3{
    position: relative;
    width: 200px; 
    float:left;
}

.ajax_position4{
    position: relative;
    width: 135px; 
    float:left;

}

.ajax_position42{
    position: relative;
    width: 125px; 
    float:left;
}

.ajax_position42 .form_bubble p{
    margin-top:0 !important;
}



.ajax_position5{
    position: relative;
    width: 300px; 

    float: right;
    margin-top: -50px;
}


.ajax_position6{
    position: relative;
    width: 100%;
    display: inline-block;
    top: 10px;
    margin-bottom: 20px;
}

.ajax_position1 .form_bubble{
    position: absolute;
    top: 35px;
    left: 80px;
    width: 170px !important;
    margin-bottom: 20px;
}

.ajax_position2 .form_bubble{
    position: absolute;
    left: 80px; 
    width: 100px;
}

.ajax_position3 .form_bubble{
    position: absolute;
    left: 80px;
    width: 100px;
    top: 42px;

}

.ajax_position4 .form_bubble{
    position: absolute;
    left: 78px;
    width: 45px;
    top: 42px;

}

.ajax_position42 .form_bubble{
    position: absolute;
    left: 17px;
    width: 45px;
    top: 42px;
    DISPLAY:inline-block;
}


.ajax_position42 input{
    float: right;
    margin-right: 55px;
    margin-top: -36px;

}
    
.ajax_position42 p{
    width: 20px;
    margin-top: 15px;


}



.ajax_position5 .form_bubble{
    position: absolute;
    top: 42px;
    left: 80px;
    width: 150px !important;
    
}

.ajax_position6 .form_bubble{
    
    top: 42px;
    left: 80px;
    width: 50px;

}


#bottom_menu{
    width: 780px;
    margin: 15px auto;
    border: 1px solid #a7a7a7;
    padding: 20px 9px 9px 9px;
    background-color: #fafafa;
    text-align:  center;
    height: 35px;
}


#bottom_menu input{
    float: right;
    margin: -3px 10px;
    width: 200px;
    height: 30px;
    border: 1px solid #333;
    background-color: #f5a826;
    font-size: 12px;
}

#emails input {
	display: block;
    overflow: visible;
}

#horraire_vide
{
    display: none;
}


footer{
    margin: 0 auto;
    width: 350px;
    display: inline-block;
    color: #ccc;
    padding: 35px;
}

footer p{
    width: 140px;
    float: left;
    margin: 15px;
}

#totalfields{
   display: none;

}

.heure_assembleur{
    border: 1px solid #d00 !important;

}


.heure_unis{
    width: 260px;
    float: left;
    margin-left: 5px;
}