@charset "utf-8";
/* ------------------------------------------------
	Fichier structure.css
		
  1. General  
  2. Pages
    2.1. Actualites
    2.2. Programme
    2.3. Outils
    2.4. Formation
    2.5. Partenaires
    2.6. Mentions legales
    2.7. FAQ
  3. Pages sans logo en titre
 ------------------------------------------------*/

/* ------------------------------------------------
  [ 1. General ]
*/
html {
	background: #edeef0 url(../images/body-bg.jpg) left top repeat-x;
	height: auto;
	line-height: auto;
}

body {
	color: #111;
	font-family: Trebuchet MS, Helvetica, Arial;
	font-size: 12px;
	line-height: 18px;
}

div#container {
	background: url(../images/container-bg.jpg) left top repeat-y;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

div#main {
	background: url(../images/main-bg.jpg) left bottom no-repeat;
	padding: 15px 45px 0 45px;
}


div#col-gauche {
	float: left;
	width: 560px;
}


div#col-droite {
	float: left;
	margin-left: 15px;
	width: 315px;
}


.clear  {
	clear: both;
}


/* ------------------------------------------------
  [ 2. Pages ]
*/
.page {
	padding: 100px 130px 70px 125px;
	font-family: arial,sans-serif;
}
	
	.page h1 {
		font-size: 2em;
		margin-top: 40px;
	}
	
	.page h2 {
		margin: 30px 0 0 0;
	}
	
	.page h3 {
		text-decoration: underline;
	}

	.page p {
		margin: 10px 0;
		text-align: justify;
	}
	
	.page ul {
		line-height:1.4em;
		padding: 0 0 0 20px;
	}
	
		.page ul li {
			margin: 2px 0;
		}
	
	/* ------------------------------------------------
	  [2.1 Actualites ]
	 */
	#page-actualites {
		background: url(../images/titre-actu.png) no-repeat 30px 35px;
		text-align: justify;
	}
	
		#page-actualites .actualite {
			margin: 20px 0;
		}

            #page-actualites .actualite-img {
                float: left;
            }
            
    			#page-actualites .actualite div img{
    				border: 1px solid #AAA;
                    display: block;
    				margin: 6px 10px;
    			}
    			
    				#page-actualites .actualite p a img {
    					border: none;
    					margin: 0 8px;
    					padding: 0;
    					vertical-align: middle;
    				}
	/* ------------------------------------------------
	  [ 2.2. Programme ]
	 */
	#page-programme {
		background: url(../images/titre-programme.png) no-repeat 30px 35px;
		text-align: justify;
	}
	
		#page-programme h1,
        #page-programme h2 {
            font-size: 2em;
            line-height: 23px;
			margin:40px 0 20px 0;
		}
		
		#btn-invite a {
			text-align:right;
		}
        
        .navigation {
            margin-top: 20px;
            overflow: hidden;
        }
        
            .navigation a,
            .navigation a:hover {
                font-size:0.9em;
                height: 15px;
                line-height: 15px;
                padding: 0 11px 0 19px;
                text-decoration: none;
                width: 49px;
            }
        
            .next {
                background: url(../images/next.gif) no-repeat;
                color: #fff;
                float: right;
            }
            
            .back {
                background: url(../images/back.gif) no-repeat;
                color: #fff;
                float: left;
            }
	/* ------------------------------------------------
	  [ 2.3. Outils ]
	*/
	#page-outils {
		background: url(../images/titre-outils.png) no-repeat 30px 35px;
		text-align:justify;
	}
		#page-outils .outil {
			margin: 20px 0;
		}

            #page-outils .outil div {
                overflow: hidden;
            }

			#page-outils .outil img {
				border:1px solid #AAAAAA;
				float: left;
				margin: 5px 10px;
			}
			#page-outils .outil-contact{
				display:block;
				clear:both;
				float:left;
				padding-left:120px;
			}	
	/* ------------------------------------------------
	  [ 2.4. Formation ]
	*/
	#page-formation {
		background: url(../images/titre-formation.png) no-repeat 30px 35px;
		text-align: justify;
	}
		#page-formation  .modules-left,
		#page-formation  .modules-right {
			width:300px;
			float:left;
			margin-bottom:30px;
		}
		#page-formation  .modules-right {
			margin-left:35px;
		}
			#page-formation .module {
				width:100%;
			}
				#page-formation .module h2 {
                    margin: 0;
					padding:35px 0 5px 0;
					text-align:left;
				}
                #page-formation .module h2.br {
                    padding-bottom: 25px;
                }
				#page-formation .module a img {
					width:200px;
				}
	
	
	/* ------------------------------------------------
	  [2.5 Partenaires ]
	 */
	#page-partenaires {
		background: url(../images/titre-partenaires.png) no-repeat 30px 35px;
		text-align: justify;
	}

        #page-partenaires .partenaire {
            height: 91px;
        }


        #page-partenaires .logo {
            margin-left: 50px;
            text-align: center;
            width: 200px;
        }

	/* ------------------------------------------------
	[2.6 Faq ]
	*/
	#page-faq {
		background: url(../images/titre-faq.png) no-repeat 30px 35px;
		text-align: justify;
	}

		#page-faq .page {
			padding-top:60px;
		}
				
			#page-faq address {
				padding-left:20px;
			}

/* ------------------------------------------------
  [ 3. Pages sans logo en titre]
*/
.page-without-logo-title {
	padding: 0px 130px 70px 125px;
	font-family: arial,sans-serif;
}
	
	.page-without-logo-title h1 {
		font-size: 2em;
		margin: 40px 0 20px;
	}
	
	.page-without-logo-title h2 {
		margin: 30px 0 0;
	}
	
	.page-without-logo-title h3 {
		text-decoration: underline;
	}

	.page-without-logo-title p {
		margin: 10px 0;
		text-align: justify;
	}
	
	.page-without-logo-title ul {
		line-height:1.4em;
		padding: 0 0 0 20px;
	}
	
		.page-without-logo-title ul li {
			margin: 2px 0;
		}