* {
    border:             0 none;
    margin:             0;
    padding:            0;
}

body{
    background:         #ffffff url("/img/struct/oblique_bg.gif") repeat;
}

.page{
    position:           relative;
    margin:             0 auto;
    width:              958px;
    padding:            0 21px;
}

/**********/
/* HEADER */
/**********/

#header {
    background:         #ffffff url("/img/struct/header_bg.jpg") no-repeat top center;
    height:             222px;
    z-index:            999;
    position:           relative;
}
    #header a.logo {
        display:        block;
        float:          left;
        margin:         30px 0 0 40px;
        width:          123px;
        height:         148px;
    }
    #header #baseline {
        float:          right;
        margin:         93px 0 0 0;
        width:          485px;
        font-size:      30px;
        font-family:    Calibri, arial, sans-serif;
        text-align:     center;
    }
    #header #nav {
        display:        block;
        float:          right;
        list-style:     none;
        z-index:        999;
        position:       absolute;
        top:            190px;
        right:          20px;
    }
        #header #nav>li{
            position:       relative;
            float:          left;
            text-align:     center;
            height:         32px;
            line-height:    32px;
        }
        #header #nav>li:hover,
        #header #nav li.selected{
            background:     url(/img/struct/nav_on_bg.jpg) no-repeat top center;
        }
            #header #nav>li>a{
                background:         url(/img/struct/nav_a_bg.png) no-repeat center left;
                color:              #7A7A7A;
                text-decoration:    none;
                font-size:          11px;
                padding:            0 10px;
            }
            #header #nav>li:first-child>a{
                background:         none;
            }
            #header #nav li:hover a,
            #header #nav li:hover ul li a:hover,
            #header #nav li.selected a{
                color:              #000;
            }
                #header #nav li:hover ul li a,
                #header #nav li.selected ul li a{
                    color:          #7A7A7A;
                }

        #header #nav ul {
            display:        none;
            top:            30px;
            left:           10px;
            position:       absolute;
            background:     #E8E8E8;
            border:         solid 1px #DBDBDB;
            border-top:     solid 1px #E8E8E8;
            z-index:        999;
        }
            #header #nav ul li {
                float:          none;
                padding:        4px;
                text-align:     left;
                white-space:    nowrap;
                height:         auto;
                line-height:    16px;
            }
            #header #nav li:hover ul {
                display:        block;
                
            }

/***************/
/*    MAIN     */
/***************/
#main {
    padding-top:        15px;
    background-color:   #fff;
}
    #main #c1,
    #main #c2 {
        float:          left;
    }

    #main .c_h2 {
        background:     url(/img/struct/c_h2_bg.png) no-repeat right;
        border-left:    1px solid #23201f;
        border-bottom:  2px solid #23201f;
        color:          #fff;
        font-weight:    bold;
        text-transform: uppercase;
        font-size:      13px;
        height:         26px;
        line-height:    26px;
        padding:        0 0 0 5px;
        margin:         0;
    }

    /*************/
    /*    C1     */
    /*************/

    #main #c1 {
        width:          215px;
        font-size:      10px;
    }
        #main #c1 #c1_formation {
            background:     #f5f5f5;
            font-size:      9px;
        }
        #main #c1 #c1_formation .c_h2 {
            margin-bottom:      5px;
        }
            #main #c1 #c1_formation .bt {
                display:        block;
                float:          left;
                background:     url(/img/struct/c1_formation_bt_bg.png) no-repeat top;
                width:          102px;
                padding:        8px 0 0 0;
                margin:         0 10px 0 0;
                text-align:     center;
            }
            #main #c1 #c1_formation a {
                display:        block;
                background:     url(/img/struct/c1_formation_bt_bottom.png) no-repeat bottom;
                padding:        0 3px 15px 3px;
                color:          #000;
            }
            #main #c1 #c1_formation li {
                background:     url(/img/struct/c1_formation_separator.png) no-repeat top;
                padding:        6px 10px 6px 0;
            }
            #main #c1 #c1_formation li:first-child {
                background:     none;
            }

        #main #c1 #c1_selection {
            background:     url(/img/struct/c1_selection_bg.png) no-repeat 5px 10px;
            border-top:     1px solid #E5E5E5;
            border-bottom:  1px solid #E5E5E5;
            margin:         1px 0;
        }
            #main #c1 #c1_selection #c1_selection_content {
                background:     url(/img/struct/c1_selection_content_bg.png) repeat-y right;
                margin:         5px 0 5px 75px;
                padding:        10px 0;
            }
            #main #c1 #c1_selection #c1_selection_content div {
                margin:        1em 0;
            }
            #main #c1 #c1_selection #c1_selection_content li{
            	list-style-type: none;
            	margin: 5px 0;
            }
            #main #c1 #c1_selection #c1_selection_content ul {
                list-style-type: none;
            }
            	#main #c1 #c1_selection #c1_selection_content ul img{
            		vertical-align: middle;
            	}
            #main #c1 #c1_selection #c1_selection_content h3 {
                font-size:      10px;
            }

        #main #c1 .separator {
            display:        block;
            width:          80px;
            height:         2px;
            background:     #000;
            margin:         0 0 4px 15px;
        }

        #main #c1 #c1_other {
            margin-bottom:      30px;
        }
            #main #c1 #c1_other h3 {
                background:         #ffffff url("/img/struct/oblique_bg.gif") repeat;
                font-family:        Calibri, arial, sans-serif;
                font-size:          15px;
                font-weight:        bold;
                margin-bottom:      5px;
                padding:            5px 10px;
            }
            #main #c1 #c1_other ul {
                background:         #F5F5F5 url("/img/struct/c1_other_bg.png") no-repeat 5px 5px;
                padding:            5px 15px 5px 90px;
                text-align:         right;
            }
                #main #c1 #c1_other ul a {
                    display:            block;
                    background:         url("/img/picto/small_arrow.png") no-repeat center right;
                    padding:            2px 20px 2px 0;
                    color:              #000;
                    font-weight:        bold;
                }

    /*************/
    /*    C2     */
    /*************/

    #main #c2 {
        width:          507px;
        margin-left:    25px;
    }
    
    
        #main #c2 #ma_selection table {
            width:          100%;
            border:         1px solid #0D92AA;
            border-collapse:collapse;
        }
            #main #c2 #ma_selection table thead{
                background-color:#40BCCB;
                color: white;
            }
            #main #c2 #ma_selection table thead th{
                padding: 4px;
            }
            #main #c2 #ma_selection table tr {
                border:         1px solid #0D92AA;
            }
                #main #c2 #ma_selection table tr td {
                    width:          20%;
                    padding:        2px 5px;
                }
                	#main #c2 #ma_selection table tr td input{
                		width: 60px;
                	}
        
        #main #c2 #ma_selection a.right {
            float: right;
        }
        #main #c2 #ma_selection a#devis {
            background-color: #40BCCB;
            border: 1px solid #0D92AA;
            color: #FFFFFF;
            font-weight: bold;
            margin: 10px 0 0;
            padding: 3px;
            text-decoration: none;
        }
        
        #main #c2 #c2_formation {
            background: #F5F5F5;
        }
            #main #c2 #c2_formation ul {
                padding:            10px 20px 10px 30px;
                border:             1px dashed #a9a8a8;
                border-top:         none;
                
            }
                #main #c2 #c2_formation .bt {
                    display:        block;
                    float:          left;
                    background:     url(/img/struct/c1_formation_bt_bg.png) no-repeat top;
                    width:          102px;
                    padding:        8px 0 0 0;
                    margin:         0 10px 0 0;
                    text-align:     center;
                }
                #main #c2 #c2_formation a {
                    display:        block;
                    background:     url(/img/struct/c1_formation_bt_bottom.png) no-repeat bottom;
                    padding:        0 3px 15px 3px;
                    color:          #000;
                }

                #main #c2 #c2_formation li {
                    list-style-type: none;
                    float:          left;
                }

        /*************/
        /*    HOME   */
        /*************/

        #main #c2 #slider-wrapper,
        #main #c2 #last_minute {
            border-bottom:      1px solid #E5E5E5;
            margin-bottom:      5px;
        }
        #main #c2 #last_minute {
            background:         #ffffff url("/img/struct/c2_last_minute_bg.jpg") no-repeat right 40px;
            min-height:         125px;
        }
        	#main #c2 #last_minute a{
        		text-decoration: none;
        		color: black;
        	}

            #main #c2 #last_minute h3 {
                background:         #ffffff url("/img/struct/oblique_bg.gif") repeat;
                font-family:        Calibri, arial, sans-serif;
                font-size:          15px;
                font-weight:        bold;
                margin-bottom:      5px;
                padding:            5px 10px;
            }

            #main #c2 #last_minute table {
                font-family:        Arial, sans-serif;
                width:              310px;
                font-size:          10px;
                margin:             10px 0 10px 5px;
            }

                #main #c2 #last_minute tr {
                    border-top:         1px solid #E5E5E5;
                }
                #main #c2 #last_minute tr:first-child {
                    border-top:         none;
                }
                    #main #c2 #last_minute td {
                        padding:        8px 0;
                    }


        /***************/
        /*    RAIL     */
        /***************/

        #main #c2 #rail { 
            font-size:      10px;
            color:          #959595;
            padding-bottom: 5px;
            margin-bottom:  5px;
            border-bottom:  1px solid #E5E5E5;
        }
        #main #c2 #rail a{
            color:          #959595; 
        }
        #main #c2 #rail a:last-child{
            color:          #239CB2;
        }

        /****************/
        /*    CONTENT   */
        /****************/

    #main #c2 h1 {
        background:         #fff url("/img/struct/oblique_bg.gif") repeat;
        font-family:        Calibri, arial, sans-serif;
        font-size:          15px;
        font-weight:        bold;
        margin-bottom:      5px;
        padding:            5px 10px;
        text-transform:     uppercase;
    }
    #main #c2 h1 .right {
        float:              right;
    }
    #main #c2 h1 .left {
        float:              left;
    }

    #main #c2 #content {
        background:         url("/img/struct/c2_content_bg.png") no-repeat top right;
        margin-top:         6px;
        border:             1px dashed #a9a8a8;
        border-top:         none;
        padding:            30px 20px 20px;
        margin-bottom:      20px;
        line-height:        13px;
        text-align:         justify;
    }
    #main #c2 #content #encart {
	background-color:	#e2f4f4;
	color: 				#1b7a83;
	border-bottom:		1px solid #324858;
	border-top:			1px solid #324858;
	margin:				5px 0 5px 0;
	padding:			5px;
	}
	#main #c2 #content .cursus {
	background:         #e2f4f4 url("/img/content/apropos/fleche_cursus.jpg") no-repeat bottom center;
	color: 				#1b7a83;
	border-top:			1px solid #324858;
	margin:				5px 0 5px 0;
	padding:			5px;
	}
	#main #c2 #content .cursus a {
	color: 				#000;
	text-decoration:underline;
	}
	#main #c2 #content .cursus .titre {
	color: 				#000;
	font-weight:		bold;
	text-transform:		uppercase;
	}
	#main #c2 #content #encart p,
	#main #c2 #content .cursus p {
		margin-right:  15px;
		margin-left:   15px;
	}
     #main #c2 #content .bloc {
        background-color:	#EEEEEE;
        margin-top:         6px;
        padding:            20px;
        margin-bottom:      20px;
        line-height:        13px;
        text-align:         justify;
        width: 				425px;
    }
    	#main #c2 #content .bloc a.postuler{
       		float:right;
       	}
        #main #c2 #content h2 {
            background:         url("/img/picto/arrow_cyan.png") no-repeat top left;
            font-size:          12px;
            font-weight:        bold;
            padding:            0 0 0 15px;
            margin-bottom:      20px;
            color:              #0D92AA;
        }
        #main #c2 #content .img_left {
            float:              left;
            margin:             10px 15px 10px 0;
        }
        #main #c2 #content .img_right {
            float:              right;
            margin:             10px 0 10px 15px;
        }
        #main #c2 #content li {
            list-style-type:    disc;
            margin:             10px 0 10px 15px;
        }
        
       	/****************/
        /*   FORMATION  */
        /****************/
        
        #main #c2.formation h1{
        	font-size: 11px;
        	font-family: verdana;
        	color: white;
        	text-transform: uppercase;
        	width: 201px;
        	height: 18px;
        	line-height: 18px;
        	background-color: #40bccb;
        	background-image: none;
        	padding: 5px 0 5px 10px;
        	float:left;
        }
        #main #c2.formation #duree{
        	font-size: 11px;
        	color: white;
        	font-weight:bold;
        	width: 135px;
        	height: 18px;
        	line-height: 18px;
        	background-color: #0d92aa;
        	padding: 5px 10px;
        	float:left;
        	text-align: center;
        }
        #main #c2.formation #ref{
        	font-size: 11px;
        	color: black;
        	text-transform: uppercase;
        	font-weight:bold;
        	width: 120px;
        	height: 18px;
        	line-height: 18px;
        	background-color: #aeeaf1;
        	padding: 5px 10px;
        	float:left;
        	text-align: center;
        }
        #main #c2.formation #rainure{
        	height: 18px;
        	line-height: 18px;
        	padding: 5px 10px;
        	background-image: url('/img/struct/oblique_bg.gif');
        }
        	#main #c2.formation #rainure a{
        		text-decoration: underline;
        		color: #0096af;
        		font-size: 10px;
        		float: right;
        	}
        	#main #c2.formation #rainure a:FIRST-CHILD{
        		margin-left: 60px;
        	}
       	#main #c2.formation #calendar{
       		margin: 10px auto 0 auto;
       	}
       	#main #c2.formation .legend{
       		margin: 5px 0;
       		text-align: center;
       	}
       		#main #c2.formation .legend img{
       			vertical-align: middle;
       		}
       	#main #c2.formation #content h2{
       		height: 70px;
       		line-height: 70px;
       		background: url('/img/picto/loupe.png') right bottom no-repeat;
       		font-family: Calibri, arial;
       		font-size: 24px;
       		font-weight: normal;
       		color: black;
       		margin:20px 0 0 0;
       		padding: 0 15px;
            text-align: left;
       	}
       	#main #c2.formation #content li{
       		margin-left: 35px;
       	}
       	#main #c2.formation #content h3{
       		font-size: 14px;
       		font-weight: bold;
       		color: #0d92aa;
       		margin:25px 0 3px 0;
       		padding: 0 15px;
            text-align: left;
       	}
       	#main #c2.formation #content h4{
            background: url("/img/picto/arrow_cyan_small.png") no-repeat left 2px;
       		font-size: 12px;
       		font-weight: bold;
       		color: #0d92aa;
       		margin:1.5em 0 3px 15px;
       		padding: 0 15px;
            text-align: left;
       	}
       	#main #c2.formation #content p{
       		color: black;
       		font-size: 11px;
       		font-weight: normal;
       		margin: 0 15px 1.2em 15px;
       	}
       	#main #c2.formation #links a{
       		margin-left: 125px;
       		text-decoration: none;
       	}
       	#main #c2.formation #links a:FIRST-CHILD{
       		margin-left: 3px;
       	}
       	
       	.dashed{
       		margin: 10px;
       		padding: 10px;
       		border: dashed 1px #d4d4d4;
       	}
       	#confirm_selection a{
       		text-decoration: underline;
       		margin: 0 auto;
       		display:block;
       		height: 36px;
       		line-height: 36px;
       		width: 162px;
       		color: #0096af;
       		font-size: 10px;
       		text-align: center;
       		background: url('/img/picto/selection.png') right center no-repeat;
       		padding-right: 45px;
       	}
       	#confirm_selection a.inscription{
       		background: url('/img/picto/inscription.png') right center no-repeat;
       	}
       	#main #c2.formation #content {
	        padding:            0 6px 0 0;
	    }
	    
	    #formations a{
	    	display: block;
	    	padding: 5px;
	    	text-align: center;
	    }

    /*************/
    /*    C3     */
    /*************/

    #main #c3 {
        float:          right;
        width:          187px;
        font-size:      10px;
    }
        #main #c3 #c3_actu {
            background:     url(/img/struct/c3_actu_bg.png) repeat-x bottom;
            font-size:      9px;
        }
        #main #c3 #c3_actu ul {
            border:         1px solid #D6D6D6;
            border-top:     none;
        }
            #main #c3 #c3_actu  li{
                padding:            10px 0 10px 5px;
            }
                #main #c3 #c3_actu li img,
                #main #c3 #c3_actu li .actu_content  {
                    float:          left;
                }
                #main #c3 #c3_actu li .actu_content  {
                    width:          110px;
                    margin-left:    5px;
                }

        #main #c3 #c3_contact {
            background:     url(/img/struct/c3_contact_bg.png) no-repeat bottom;
            width:          162px;
            height:         111px;
            margin:         25px auto;
            padding:        17px 0 0 19px;
            line-height:    14px;
        }
            #main #c3 #c3_contact a {
                text-decoration:        underline;
            }
            #main #c3 #c3_contact a:hover {
                text-decoration:        none;
            }

        #main #c3 #c3_pub img {
            display:            block;
            margin:             0 auto;
        }

/**********/
/* FOOTER */
/**********/

#footer_wrapper{
    background:         url(/img/struct/footer_wrapper_bg.gif) repeat;
    border-top:         8px solid #EBEBEB;
}
#footer {
    background-color:   #231F20;
    color:              #888787;
    padding-bottom:     20px;
    line-height:        14px;
}
#footer a {
    color:              #888787;
}
    #footer .box {
        height:         145px;
        border-bottom:  1px solid #342F30;
        margin:         30px 17px 5px 17px;
        float:          left;
    }
    #footer .box h4 {
        border-bottom:  1px solid #342F30;
        text-transform: uppercase;
        padding-bottom: 5px;
        margin-bottom:  8px;
        font-size:      11px;
    }
    #footer #text_edito {
        width:          410px;
    }
    #footer #plan_site {
        width:          135px;
    }
    #footer #annexes {
        width:          140px;
    }
    #footer #partenaires {
        width:          125px;
    }
    #footer #copyright {
        display:        block;
        float:          right;
    }




/**********/
/* Divers */
/**********/

a.pdf {
	background: url('/img/picto/pdf.png') left center no-repeat; 	
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	padding-left: 20px;
}
a.imprimer {
	background: url('/img/picto/imprimer.png') left center no-repeat; 	
	display: block;
	float: left;
	height: 21px;
	line-height: 21px;
	padding-left: 20px;
}
.img_right{
	float: right;
	margin: 3px 0 10px 10px;
}
.img_left{
	float: left;
	margin: 3px 10px 10px 0px;
}

input[type=submit]{
    background-color:#6f6f6f;
    color:          white;
    height:         22px;
    font-size:      13px;
    line-height:    10px;
    padding:        0 5px;
}
input.error {
    background-color: #DFC3C3;
    border-color:   red;
}
.error {
    color:          red;
}