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

    body
	{
            margin-top:0px;
            padding :0;
            border:0;
            border-color: #f2f2f2;
            background-color: #1b1b1b; 	
            font-family: "Arial";
	}

	#content
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border: 0 solid #F2F2F2;
            border-radius: 1px;
            height: 841px;
            margin: 0 auto;
            padding-top: 1px;
            width: 980px;
	}
	
	#header
	{
            margin:0 auto;	
            width:980px;
            height:60px;
            text-align:left;
            border:0px;
            color: white;
            background-color: #1b1b1b; 	
	}
        
	.menu_header
	{
            color: #FFFFFF;
            cursor: pointer;
            float: right;
            font-size: 12px;
            height: 18px;
            margin-left: 20px;
            margin-top: 2px;
            text-align: right;
	}
        
	.menu_header:hover
	{
            color: #F10001;
            cursor: pointer;
            float: right;
            font-size: 12px;
            height: 18px;
            margin-left: 20px;
            margin-top: 2px;
            text-align: right;
	}
        
        #header_left
	{
            float: left;
            width:510px;
            height:40px;
            text-align:left;
            border:0px;
            color: white;
            background-color: #1b1b1b; 
            padding-top: 20px;
            margin-left: 20px;
            cursor: pointer;
	}
        
        #header_right
	{
            border: 0 none;
            color: #FFFFFF;
            float: left;
            font-size: 14px;
            height: 35px;
            padding-left: 20px;
            padding-top: 25px;
            text-align: right;
            width: 425px;
	}
        
	#main_content
	{
        width:940px;
        height:406px;
        margin: 20px;
	    background:url(images/back_main_cam.jpg) no-repeat;  
	}   
	
	#main_content_ecole
	{
		width: 940px;
		height: 735px;
		margin: 20px;
		margin-top: 55px;
		background: url(images/ecole_back.jpg) no-repeat;
	} 
	
	#main_content_ecole_left
	{
		width: 465px;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		height: 550px;
		background: url(images/back_white.png) repeat;
	} 
	
	#main_content_ecole_right
	{
		width: 415px;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		height: 550px;
		background: url(images/back_ecole_voiture.png) no-repeat;  
	} 
	
	#main_content_ecole_bottom
	{
		padding-left :17px;
		width: 883px;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		height: 78px;
		background: url(images/back_white.png) repeat;
	    FONT-SIZE: 14PX;
	} 
	
	#main_content_ecole_left_title
	{
		text-align: center;
		COLOR: #f10001;
		MARGIN-TOP: 15PX;
		font-size: 17px;

	} 
	
	#retour_buton_ecole {
		background-color: #fff;
		color: #F10001;
		float: right;
		font-size: 16px;
		height: 27px;
		margin-left: 10px;
		margin-right: 18px;
		padding-top: 10px;
		text-align: center;
		margin-top: 13px;
		width: 170px;
		border: 1px solid black;
		border-radius: 10px 10px 10px 10px;
		cursor: pointer;
	}
	
	#retour_buton_ecole:hover
	{
            background-color: #C10204;
            border: 1px solid black;
            color: #fff;
 
	} 
	
	#main_content_ecole_left_text
	{
		text-align: LEFT;
		COLOR: #062134;
		MARGIN-TOP: 15PX;
		WIDTH: 90%;
		MARGIN-LEFT: 20px;
		FONT-SIZE: 14PX;

	} 
	
	#roulage
	{
            height: 106px;
            margin-left: 40px;
            padding-top: 226px;
            width: 288px;
	}   
        
	#meteo
	{
            margin-left: 40px;
            padding-top: 0px;
            background: red;
            width: 205px;
            height: 215px;
            float: right;
	}   
        
	#main_content_box_1
	{
            float: left;
            width:300px;
            height:200px;
            margin-left: 20px;
            background:#585858;
            border-radius:0px  0px  10px  0px;
	}  
        
	#main_content_box_2
	{
            float: left;
            width:300px;
            height:200px;
            margin-left: 20px;
            background:#585858;
            border-radius:0px  0px  10px  0px;
	} 
        
	#main_content_box_3
	{
            float: left;
            width:300px;
            height:200px;
            margin-left: 20px;
            background:#585858;
            border-radius:0px  0px  10px  0px;
	} 
        
	#main_content_box_1_title
	{
            width:280px;
            margin-left: 10px;
            margin-right: 10px;
            height:30px;
            padding-top: 15px;
            border-bottom: 1px solid white;
            color: white;
            font-size: 18px;
            text-align: left;
	}  
        
	#crea
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	#competences
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	.competences_box
	{
            background: none repeat scroll 0 0 #fff;
            border-radius: 0 0 10px;
            float: left;
            height: 465px;
            margin-bottom: 25px;
            margin-left: 20px;
            width: 287px;
	}  
        
	#header_competences
	{
            background: none repeat scroll 0 0 #FFF;
            float: left;
            height: 30px;
            margin-bottom: 20px;
            margin-left: 20px;
            padding-left: 20px;
            padding-top: 10px;
            width: 881px;
	}  
        
	#loisirs
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	.loisirs_box
	{
            background: none repeat scroll 0 0 #fff;
            border-radius: 0 0 10px;
            float: left;
            height: 465px;
            margin-bottom: 25px;
            margin-left: 20px;
            width: 287px;
	}  
        
	.loisirs_photo
	{
            background: #fff;
            height: 185px;
            width: 249px;
	}  
        
        #list_roulage_tab
	{
            background: white;
            float: left;
            height: 266px;
            width: 875px;
            overflow-x : hidden; 
            overflow-y : scroll; 
	}  
        
	#header_loisirs
	{
            background: none repeat scroll 0 0 #FFF;
            float: left;
            height: 30px;
            margin-bottom: 20px;
            margin-left: 20px;
            padding-left: 20px;
            padding-top: 10px;
            width: 881px;
	}  
        
	#contact
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	#contact_header
	{
            background: none repeat scroll 0 0 #C10204;
            float: left;
            height: 30px;
            margin-bottom: 20px;
            margin-left: 20px;
            padding-left: 20px;
            padding-top: 10px;
            width: 881px;
	}  
        
        .select_list_roulage
	{
           float: right;
           font-size: 11px;
           height: 20px;
           margin-bottom: 7px;
           margin-right: 12px;
           width: 160px;
	}
        
        .select_list_sector
	{
            float: left;
            font-size: 11px;
            height: 20px;
            margin-left: 10px;
            margin-top: 9px;
            width: 100px;
	}
        
        .table_list_roulage
	{
           border: 0 solid;
           color: black;
           float: left;
           font-size: 11px;
           height: 130px;
           width: 878px;
	}
        
        .table_list_roulage_td
	{
            background: none repeat scroll 0 0 #585858;
            color: white;
            font-size: 11px;
            height: 12px;
            line-height: 18px;
            text-align: center;
	}  
        
        .table_list_roulage_td_2
	{
            background: none repeat scroll 0 0 #f2f2f2;
            color: #585858;
            font-size: 12px;
            font-style: normal;
            height: 20px !important;
            line-height: 19px !important;
            text-align: center; 
	}   
        
	.ppro_contact
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 0 0 10px 10px;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 285px;
            line-height: 38px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 10px;
            padding-left: 11px;
            padding-top: 16px;
            width: 887px;
	}
        
        .label_roulage
	{
            color: #585858;
            float: left;
            font-size: 14px;
            font-weight: normal;
            height: 20px;
            line-height: 20px;
            margin-top: 10px;
            padding-top: 0;
            width: 75px;
	}
        
        .label_roulage_w
	{
            color: #585858;
             float: left;
             font-size: 12px;
             font-weight: normal;
             height: 28px;
             line-height: 17px;
             margin-top: 9px;
             padding-top: 0;
             width: 75px;
	}  
        
        .label_roulage_bis
	{
            color: #585858;
            float: left;
            font-size: 13px;
            font-weight: normal;
            height: 47px;
            line-height: 20px;
            margin-top: 10px;
            padding-top: 0;
            width: 190px;
	}
        
        .input_label_roulage
	{
           color: black;
           font-size: 14px;
           font-weight: normal;
           height: 15px;
           width: 125px;
	}
        
        .input_label_roulage_code
	{
           color: black;
           float: left;
           font-size: 14px;
           font-weight: normal;
           height: 15px;
           margin-left: 4px;
           margin-top: 30px;
           width: 43px;
	}
        
	.roul_content
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 0 0 10px 10px;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 306px;
            line-height: 38px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 10px;
            padding-left: 11px;
            padding-top: 16px;
            width: 887px;
	}
        
	.roul_content2
	{
            background: none repeat scroll 0 0 #ffffff;
            border-radius: 0 0 10px 10px;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 138px;
            line-height: 38px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 10px;
            padding-left: 11px;
            padding-top: 10px;
            width: 887px;
	}      
        
        .roul_content2_left
	{
            border-right: 1px dashed #ccc;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 130px;
            width: 228px;
	} 
        
        .roul_content2_center
	{
            border-right: 1px dashed #ccc;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 130px;
            margin-left: 10px;
            width: 218px;
	} 
        
        .roul_content2_right
         {
            border-right: 1px dashed #ccc;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 130px;
            margin-left: 10px;
            width: 265px;
	} 
        
        .status_validation
	{
            border: 1px dashed black;
             color: blue;
             float: left;
             font-size: 12px;
             font-weight: normal;
             height: 45px;
             line-height: 13px;
             margin-left: 37px;
             margin-top: 16px;
             padding-top: 6px;
             text-align: center;
             width: 183px;
	} 
        
        .checkbox_label_roulage
	{
           float: left;
           height: 15px;
           margin-right: 6px;
           margin-top: 10px;
           width: 15px;
	} 
        
	.crea_slider
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 0 0 10px 10px;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 464px;
            line-height: 38px;
            margin-left: 20px;
            margin-right: 20px;
            padding-left: 11px;
            padding-top: 10px;
            width: 887px;
	}
        
	.crea_slider_content
        {
            background: #FFF;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 400px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 15px;
            text-align: right;
            width: 845px;
        }
        
	.ppro_contact_img
        {
            background: url("images/bc.png") no-repeat;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 143px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 52px;
            text-align: right;
            width: 845px;
        }
        
	#formation
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	#roulage_header
	{
            background: none repeat scroll 0 0 #C10204;
            float: left;
            height: 30px;
            margin-bottom: 20px;
            margin-left: 20px;
            padding-left: 20px;
            padding-top: 10px;
            width: 881px;
	}  
	
	#ecole_tvrc
	{
		background: none repeat scroll 0 0 #C10204;
		float: left;
		height: 26px;
		margin-bottom: 20px;
		padding-top: 10px;
		width: 100%;
		COLOR: WHITE;
		TEXT-ALIGN: CENTER;
		margin-top: -1px;
	}  
        
	#formation_header
	{
            background: none repeat scroll 0 0 #C10204;
            float: left;
            height: 30px;
            margin-bottom: 20px;
            margin-left: 20px;
            padding-left: 20px;
            padding-top: 10px;
            width: 881px;
	}  
        
	#formation_title
	{
            border-bottom: 1px solid #FFF;
            color: #FFF;
            font-size: 18px;
            height: 30px;
            margin-left: 20px;
            margin-right: 10px;
            padding-top: 15px;
            text-align: left;
            width: 267px;
	}  
        
	#formation_title_cal
	{
            border-bottom: 1px dashed #C10204;
            color: #C10204;
            font-size: 18px;
          
            margin-left: 20px;
            margin-right: 10px;
            padding-top: 15px;
            text-align: left;
            width: 800px;
	}  
        
        #formation_content_cal
	{
            color: #062134;
            float: left;
            font-size: 15px;
            margin-left: 20px;
            margin-right: 10px;
            padding-top: 5px;
            width: 800px;
	}  
        
        #formation_content
	{
            color: #062134;
            float: left;
            font-size: 15px;
            height: 90px;
            margin-left: 20px;
            margin-right: 10px;
            padding-top: 15px;
            width: 250px;
	}  
             
	#calendar
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 0 0 10px;
            float: left;
            height: 439px;
            margin-bottom: 25px;
            margin-left: 20px;
            width: 900px;
            overflow-x: hidden;
            overflow-y: auto;
            padding-bottom: 10px;
	}  
        
	#formation_box_1
	{
            background: none repeat scroll 0 0 #fff;
            border-radius: 0 0 10px;
            float: left;
            height: 210px;
            margin-bottom: 25px;
            margin-left: 20px;
            width: 287px;
	}  
        
	#roulagecontent
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	#parcours_pro
	{
            background: none repeat scroll 0 0 #EAE9E9;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 596px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 20px;
            padding-top: 30px;
            width: 940px;
	} 
        
	#ppro_menu
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 0 0 10px 10px;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 252px;
            line-height: 38px;
            margin-left: 20px;
            margin-right: 20px;
            margin-top: 10px;
            padding-left: 11px;
            padding-top: 16px;
            width: 171px;
	} 
        
	.ppro_content
	{
            background: none repeat scroll 0 0 #FFFFFF;
            border-radius: 0 0 10px 10px;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 435px;
            line-height: 38px;
            margin-left: 17px;
            margin-right: 20px;
            margin-top: 10px;
            padding-left: 11px;
            padding-top: 16px;
            width: 669px;
	} 
        
        .ppro_content_title
        {
            border-bottom: 1px solid #C10204;
            color: #C10204;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 29px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 0;
            text-align: right;
            width: 630px;
        } 
        
        .ppro_content_title_img
        {
            background: url("images/plan_circuit.jpg") no-repeat;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 388px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 7px;
            text-align: right;
            width: 630px;
        } 
        
        .ppro_content_title_img_axe
        {
            background: url("images/plan2_circuit.png") no-repeat;
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 388px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 7px;
            text-align: right;
            width: 630px;
        } 
        
        .ppro_content_title_img_epub
        {

            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 68px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 7px;
            text-align: right;
            width: 630px;
        } 
        
        .ppro_content_title_img_aristee
        {
    
            color: #FFF;
            float: left;
            font-size: 15px;
            font-weight: bold;
            height: 68px;
            margin-left: 15px;
            margin-right: 20px;
            margin-top: 7px;
            text-align: right;
            width: 630px;
        } 
        
        .ppro_content_description
        {
            background: none repeat scroll 0 0 #FFFFFF;
            color: #062134;
            float: left;
            font-size: 12px;
            height: 309px;
            line-height: 17px;
            margin-left: 14px;
            margin-right: 20px;
            margin-top: 10px;
            overflow-x: hidden;
            overflow-y: auto;
            padding-left: 0;
            width: 631px;
        } 
        
        .menu_pp
        {
            border-radius: 4px;
            color: #C10204;
            cursor: pointer;
            float: left;
            font-size: 12px;
            height: 18px;
            line-height: 25px;
            margin-bottom: 23px;
            margin-top: -2px;
            padding-bottom: 5px;
            padding-left: 4px;
            padding-top: 0;
            width: 158px;
        } 
        
        .menu_pp_on
        {
            background: none repeat scroll 0 0 #C10204;
            border-radius: 4px;
            color: #FFFFFF;
            cursor: pointer;
            float: left;
            font-size: 12px;
            height: 18px;
            line-height: 25px;
            margin-bottom: 23px;
            margin-top: -2px;
            padding-bottom: 5px;
            padding-left: 4px;
            padding-top: 0;
            width: 158px;
        } 
        
	#main_content_box_1_content
	{
            float: left;
            width:280px;
            margin-left: 10px;
            margin-right: 10px;
            height:80px;
            padding-top: 15px;
            color: white;
            font-size: 16px;
            height: 90px;
	} 
        
	.cam_button_next
	{
            width: 50px;
            background-color: #fff;
            color: #F10001;
            float: left;
            font-size: 15px;
            height: 22px;
            margin-left: 25px;
            margin-right: 10px;
            padding-top: 4px;
            text-align: center;
            border: 1px solid #585858;
            border-radius: 10px 10px 10px 10px;
            cursor: pointer;
            margin-top: 10px;
	} 
        
	.main_content_box_1_button_roulage
	{
            background-color: #fff;
            border: 1px solid black;
            border-radius: 10px;
            color: #f10001;
            cursor: pointer;
            float: right;
            font-size: 16px;
            height: 25px;
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 28px;
            padding-top: 5px;
            text-align: center;
            width: 61px;
	}   
        
	.main_content_box_1_button
	{
            background-color: #fff;
            color: #F10001;
            float: right;
            font-size: 16px;
            height: 27px;
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 10px;
            text-align: center;
            width: 119px;
            border: 1px solid black;
            border-radius:10px  10px  10px  10px;
            cursor: pointer;
	}     
        
	.main_content_box_1_button:hover
	{
            background-color: #C10204;
            border: 1px solid black;
            color: #fff;
            float: right;
            font-size: 16px;
            height: 29px;
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 10px;
            text-align: center;
            width: 119px;
            border-radius:10px  10px  10px  10px;
            cursor: pointer;
	} 
        
        
	#main_content_bottom
	{
            background-color: #FFF;
            color: #FFFFFF;
            float: left;
            font-size: 16px;
            height: 164px;
            text-align: center;
            width: 980px;
	}  
        
	#main_content_bottom_left
	{
            background:url(images/fb.jpg) no-repeat;
            float: left;
            height: 125px;
            margin-left: 20px;
            margin-top: 20px;
            width: 625px;
            cursor: pointer;
	} 
        
	#main_content_bottom_left_empty
	{
            background: #fff;
            float: left;
            height: 125px;
            margin-left: 20px;
            margin-top: 20px;
            width: 620px;
            cursor: pointer;
	} 
        
	#main_content_bottom_right
	{
            background: none repeat scroll 0 0 #C10204;
            float: left;
            height: 125px;
            margin-left: 20px;
            margin-top: 20px;
            width: 300px;
            border-radius: 0 0 10px;
	} 
	
	.url_doc_main_page
	{    
		color:white;
		font-size: 15px;
		float: left;
		width: 100%;
		text-align: left;
		cursor: pointer;
		margin-bottom: 3px;
	} 
	
	.url_doc_main_page:hover
	{  
		color:#1b1b1b;
	
	}
	
	#main_content_bottom_right_title
	{
		color: #FFFFFF;
		font-size: 18px;
		height: 48px;
		margin-left: 50px;
		margin-right: 10px;
		padding-top: 15px;
		text-align: left;
		width: 247px;
	} 
	
	#main_content_bottom_right_title_button
	{
            background-color: #585858;
            border-radius: 10px;
            color: #FFFFFF;
            float: right;
            font-size: 16px;
            height: 29px;
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 30px;
            padding-top: 10px;
            text-align: center;
            width: 119px;
            cursor: pointer;
            border: 1px solid #FFF;
	} 
        
	#main_content_bottom_right_title_button:hover
	{
            background-color: #C10204;
            border-radius: 10px;
            color: #FFFFFF;
            float: right;
            font-size: 16px;
            height: 29px;
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 30px;
            padding-top: 10px;
            text-align: center;
            width: 119px;
            cursor: pointer;
            border: 1px solid #FFF;
	} 
        
	#footer
	{
            background-color: #C10204;
            border-radius: 0 0 1px 1px;
            color: #FFFFFF;
            float: left;
            font-size: 14px;
            height: 24px;
            padding-top: 7px;
            text-align: center;
            width: 980px;
	}