* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**************************************************/

html { background-color:#ffffff; }
/* f2f2f2 ou f8f8f8 */


/*#main { width:980px; margin:0 auto; }*/

/*#content { padding:14px 0 0; }*/

body { 
    width:984px; 
    margin:0 auto; 
    background-color:transparent; 
    text-align: center;
}

* { 
    margin: 0; 
    padding: 0 
}
hr { display: none; }

body {
    min-height: 100%;
	font-size: 100%;
	line-height: 1.4em;
}
body, input, textarea, button {
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #333333;
}

#aos-page {
	margin: 0 auto;
	padding-bottom:2%;
	width: 980px;
	text-align: left;
    overflow: auto;
}

img {
    border:none;
}

sup { 
    vertical-align: super;
}

.italic {
    font-style: italic;
}

/* APPARENCE DES LIENS */
a:link,
a:visited {
	text-decoration: none;
    color: #333333;
}
a:hover {
	text-decoration: underline;
}

a.link2 {
    text-decoration: none;
    color: #00559f;
    cursor: pointer;
}

a.link2:hover {
	text-decoration: none;
    color: #00559f;
}

a.link1 {
	position: relative;
	display: inline-block; 
	color: #333;
	cursor: pointer;
}

a.link1:hover {
	text-decoration: none;
    color: #00559f;
}

/* IMAGE DU HAUT */
.imagetop {
	position: relative;
    margin: 10px 0 auto;
}



/* BARRE DE NAVIGATION PRINCIPALE */
/* GLOBALHEADER */
#globalheader { 
    width: 984px; 
    height: 38px; 
    margin: 10px 0px 26px 0px; 
    position: relative; 
    z-index: 9998;
}

#globalheader #globalnav { 
    margin: 0; 
    padding: 0; 
}

#globalheader #globalnav li { 
    display: inline; 
}

#globalheader #globalnav li a { 
    float: left;
    width: 164px; 
    height: 0; 
    padding-top: 45px; 
    overflow: hidden;
    background-image: url("../images/menusite.png");
    background-repeat: no-repeat; 
    outline: none; 
}


/* BUTTONS */
#globalheader #globalnav li#gn-index a { background-position: 0 0; }
#globalheader #globalnav li#gn-formation a { background-position: -164px 0; }
#globalheader #globalnav li#gn-admission a { background-position: -328px 0; }
#globalheader #globalnav li#gn-partenaires a { background-position: -492px 0; }
#globalheader #globalnav li#gn-multimedia a { background-position: -656px 0; }
#globalheader #globalnav li#gn-contacts a { background-position: -820px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-index a:hover { background-position: 0 -45px; }
#globalheader #globalnav li#gn-formation a:hover { background-position: -164px -45px; }
#globalheader #globalnav li#gn-admission a:hover { background-position: -328px -45px; }
#globalheader #globalnav li#gn-partenaires a:hover { background-position: -492px -45px; }
#globalheader #globalnav li#gn-multimedia a:hover { background-position: -656px -45px; }
#globalheader #globalnav li#gn-contacts a:hover { background-position: -820px -45px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-index a:active { background-position: 0 -90px; }
#globalheader #globalnav li#gn-formation a:active { background-position: -164px -90px; }
#globalheader #globalnav li#gn-admission a:active { background-position: -328px -90px; }
#globalheader #globalnav li#gn-partenaires a:active { background-position: -492px -90px; }
#globalheader #globalnav li#gn-multimedia a:active { background-position: -656px -90px; }
#globalheader #globalnav li#gn-contacts a:active { background-position: -820px -90px; }

/* ON STATES */
#globalheader.accueil #globalnav li#gn-index a:hover { background-position: 0 0; cursor: default; }
#globalheader.formation #globalnav li#gn-formation a { background-position: -164px -135px !important; }
#globalheader.admission #globalnav li#gn-admission a { background-position: -328px -135px !important; }
#globalheader.partenaires #globalnav li#gn-partenaires a { background-position: -492px -135px !important; }
#globalheader.multimedia #globalnav li#gn-multimedia a { background-position: -656px -135px !important; }
#globalheader.contacts #globalnav li#gn-contacts a { background-position: -820px -135px !important; }




/* BARRE DE NAVIGATION SECONDAIRE */

#navigation { 
	float: left;
	width: 168px;
    text-align: left;
    display: inline;
}

#navigation .module {
    position: relative;
    float: left;
    width: 168px;
    margin: 0 5px 20% 0;
    display: inline;
}

#navigation .module .topleft {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box2-top-left.png") left top no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

#navigation .module .topright {
    background: url("../images/box2-top-right.png") right top no-repeat;
    padding: 0 0 5px 0;
    margin: 0;
}    

#navigation .module .btmleft {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box2-btm-left.png") left bottom no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

#navigation .module .btmright {
    background: url("../images/box2-btm-right.png") right bottom no-repeat;
    padding: 0 0 5px 0;
    margin: 0;
}    

#navigation .module li {
	clear: left;
}

#navigation .module ul {
	margin: 0px 2px 0px 1px !important;
	padding-left: 0;
	list-style: none;
	padding: 1px 0 1px 0;
    font-size: 0.85em;
	clear: both;
}

#navigation .module .title {
    position: relative;
    float:left;
    width: 100%;
    background: #2d5e9f url("../images/h1.png") left top repeat-x;
    background-color: #284675; 
    padding: 0 5px 5px 0;
    margin: 0;
    display: inline;
}

#navigation .module .title h1 {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 1em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
	padding-left: 12px;
	font-weight: bold;
	line-height: 1em;
	color: #ffffff;
	text-shadow: 1px 1px 1px #224272;
    font-variant: small-caps;
}

#navigation .module .modulecontent {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 0.9em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
    padding: 0 3px 2px 0px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

#navigation .modulecontent li a {
	position: relative;
	display: inline-block; 
	clear: left;
	padding: 5px 12px;
	line-height: 1.25em;
	color: #333;
	cursor: pointer;
}

#navigation .modulecontent li a:hover {
	text-decoration: none;
    color: #00559f;
}

#navigation .module h2 {
    position:relative;
    float:left;
	width: 100%;
    background-color: #efefef;
	font-size: 0.85em;
	line-height: 1em;
	color: #333333;
	margin-left: 0;
    padding: 0 5px 0 0;
    border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #d1d1d1;
    display: inline;
}

#navigation .module h2 span,
#navigation .module h2 a {
	display: block;
	margin: 0 1px 0 1px;
	padding: .34em 2px .34em 12px;
	line-height: 1.1em;
	color: #333333;
}

#navigation .module h2 a:hover {
	background-color: #E4EBF2;
	color: #00559f;
	text-decoration: none;
}

#navigation .module p {
	margin: 0px 2px 0px 1px !important;
	padding-left: 0;
	padding: 5px 5px 5px 15px;
    font-size: 0.85em;
	clear: both;
}


/* ZONE PRINCIPALE */

#primary { 
	float: right;
	width: 80%;
    padding: 0;
    margin: 0;
    display: inline;
} 



/*  BOX1 */

.box1 {
    position: relative;
    float: right;
    width: 100%;
    margin-right: 5px;
    display: inline;
}

.box1 .topleft {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box1-top-left.png") left top no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.box1 .topright {
    background: url("../images/box1-top-right.png") right top no-repeat;
    padding: 0 0 5px 0;
}    

.box1 .btmleft {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box1-btm-left.png") left bottom no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.box1 .btmright {
    background: url("../images/box1-btm-right.png") right bottom no-repeat;
    padding: 0 0 5px 0;
    margin: 0;  
}    

.box1 .main {
    position: relative;
    float:left;
    background: url("../images/box1.png") 0 0 repeat-x;
    overflow: hidden;
    font-size: 1em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
	padding: 0 3px 5% 0px;
    text-align: center;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.box1 .main #particular{
    height: 308px;
}

.box1 .main .logos {
    position: relative;
    float: left;
    margin: 7% 5% 6% 5%;
    display: inline; 
}

.box1 .main .logos img {
    position: relative;
    float: left;
    clear: both;
    margin: 20% 0% 20% 0%;
    display: inline;
}
.box1 .main .logos1 img {
    position: relative;
    float: left;
    clear: both;
    margin: 2% 5% 2% 5%;
}

.box1 .main h1 {
    font-size: 1em; 
    margin: 5% 3% 2em 3%;
}

.box1 .main p {
    font-size: 0.75em;
    text-indent:2em;
    text-align: justify;
    padding: 1% 5% 1% 5%;
}

.box1 .main ul {
    font-size: 0.75em;
    margin: 0 10% 0 15%;
}

.box1 .main ul li {
    list-style-type: disc;
    list-style-position: inside;
    text-align: left;
}

.box1 .main .contenucours ol {
    font-size: 0.75em;
    margin: 0 10% 0 10%;
}

.box1 .main .contenucours li {
    list-style-type: upper-roman;
    list-style-position: inside;
    text-align: left;
}

.box1 .main .contenucours ul{
    font-size: 1em;
    margin: 0 10% 0 10%;
}

.box1 .main .contenucours ul li {
    list-style-type: disc;
}

.box1 .main .title {
    font-weight: bold ;
}

.box1 .main .video {
    text-align: center;
}

.box1 .main .vide {
    height: 200px;
}



/* BOX2 */

.box2 {
    position: relative;
    float: left;
    width: 168px;
    margin-right: 5px;
    text-align: left;
    display: inline;
}

.box2 .topfirst {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box2-top-left.png") left top no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.box2 .topsecond {
    background: url("../images/box2-top-right.png") right top no-repeat;
    padding: 0 0 5px 0;
}    

.box2 .btmfirst {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box2-btm-left.png") left bottom no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.box2 .btmsecond {
    background: url("../images/box2-btm-right.png") right bottom no-repeat;
    padding: 0 0 5px 0;
}    

.box2 h1 {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 1em;
	width: 100%;
    margin: 0;
    clear:both;
    background-color: #284675; 
	background: #2d5e9f url("../images/h1.png") left top repeat-x;
    display: inline;
	padding: 0 5px 5px 0px;
	font-weight: bold;
	line-height: 1em;
	color: #ffffff;
	text-shadow: 1px 1px 1px #224272;
}

.box2 .main {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 0.9em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
    padding: 0 3px 10px 0px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}







/* CONTACTS */

.contact {
    position: relative;
    float: left;
    width: 22%;
    margin: 0 1.5% 3% 1.5%;
    text-align: left;
    display: inline;
}

.contact .topfirst {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box2-top-left.png") left top no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.contact .topsecond {
    background: url("../images/box2-top-right.png") right top no-repeat;
    padding: 0 0 5px 0;
}    

.contact .btmfirst {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box2-btm-left.png") left bottom no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.contact .btmsecond {
    background: url("../images/box2-btm-right.png") right bottom no-repeat;
    padding: 0 0 5px 0;
}

.contact .title {
    position: relative;
    float:left;
    width: 100%;
    background: #2d5e9f url("../images/h1.png") left top repeat-x;
    background-color: #284675; 
    padding: 0 5px 5px 0;
    margin: 0;
    display: inline;
}

.contact .title h1 {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 1em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
	padding-left: 5%;
	font-weight: bold;
	line-height: 1em;
	color: #ffffff;
	text-shadow: 1px 1px 1px #224272;
    font-variant: small-caps;
}


.contact .main {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 0.8em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
    padding: 5% 3px 5% 0px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    text-align: center;
   	height: 235px;
}

.contact .main p {
    line-height: 1.6em;
    padding: 2% 0 2% 0;
}

.contact .main a.address {
    text-decoration: none;
    color: #00559f;
    cursor: pointer;
}

.contact .main a.address:hover {
	text-decoration: none;
    color: #00559f;
}

.contact .main p .nom {
    font-size: 1.2em;
    font-weight:bold;
}

.contact .main img {
    margin:8% 0 0 0;
}

.contact hr {
    display: block;
    color: #cdcdcd;
    background-color: #cdcdcd;
    height: 1px;
    width:100%;
    border: 0;
    padding: 0 100%  0 0;
    margin: 9.3% 0;
}




/* CONTACT SITE */

.contactsite {
    position: relative;
    float: left;
    width: 96%;
    margin: 0 1.5% 0 1.5%;
    display: inline;
}

.contactsite .topleft {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box3-top-left.png") left top no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.contactsite .topright {
    background: url("../images/box3-top-right.png") right top no-repeat;
    padding: 0 0 5px 0;
}    

.contactsite .btmleft {
    position: relative;
    float:left;
    width: 100%;
    background: url("../images/box3-btm-left.png") left bottom no-repeat;
    margin: 0;
    padding: 0 0 0 5px;
    display: inline;
}

.contactsite .btmright {
    background: url("../images/box3-btm-right.png") right bottom no-repeat;
    padding: 0 0 5px 0;
    margin: 0;  
}    

.contactsite .main {
    position: relative;
    float:left;
    overflow: hidden;
    font-size: 0.8em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
    padding: 1% 3px 1% 0px;
    text-align: left;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.contactsite .main p .nom {
    font-size: 1.2em;
    font-weight:bold;
    padding: 0;
}

.contactsite .main p {
    padding: 0 3% 0 3%;
}



.contactsite .main a.address {
    text-decoration: none;
    color: #00559f;
    cursor: pointer;
}

.contactsite .main a.address:hover {
	text-decoration: none;
    color: #00559f;
}


/* FOOTER */

#footer {
    clear: both;
    text-align: center;
    font-size: 0.7em;
    margin: 0;
    padding: 0 0 2% 0;
    line-height: 1.3em;
  }

/* CONSTRUCTION */

#roadworks {
    position: relative;
    float: left;
    padding: 10% 40% 10% 40%;
    display: inline;
}
#roadworks .box2 {
    text-align: center;
}

#roadworks p{
    margin: 1em 1em 0 1em;  
}


/* TABLEAU COURS */

.box1 .cours {
    position: relative;
    float:left;
    background: url("../images/box1.png") 0 0 repeat-x;
    overflow: hidden;
    font-size: 1em;
	width: 100%;
    margin: 0;
    clear:both;
    display: inline;
	padding: 0 3px 4% 0px;
    text-align: center;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.box1 .cours h1 {
    font-size: 1em; 
    margin: 5% 5% 2em 0;
}

.box1 .cours p {
    font-size: 0.75em;
    text-align: justify;
    padding: 1% 4% 1% 4%;
    text-indent:2em;
}

.box1 .cours a {
	cursor: pointer;
}

.box1 .cours a:hover {
	text-decoration: none;
    color: #00559f;
}

.box1 .cours ul {
    font-size: 0.75em;
    margin: 0 10% 0 15%;
}

.box1 .cours li {
    list-style-type: disc;
    list-style-position: inside;
    text-align: left;
}

.box1 .cours table {
    width: 90%;
    margin: auto;
    font-size: 0.75em;
    text-align: left;
    border-collapse: collapse;
    margin-bottom: 2em;
}

.box1 .cours td.coul{
    background-color: #ECECEC; 
}

.box1 .cours td {
    padding: 0.1em 1em 0.1em 1em;
}

.box1 .cours th {
    padding: 1.5em 0 1em 0;;
    text-align: left;
    font-weight:bold;
}

.box1 .cours a.link2 {
    text-decoration: none;
    color: #00559f;
    cursor: pointer;
}

.box1 .cours a.link2:hover {
	text-decoration: none;
    color: #00559f;
}


/*  ACCUEIL */

#accueil { 
	float: right;
	width: 70%;
    padding: 0;
    margin: 0 1% 0 3%;
    display: inline;
}

#accueil .main {
    height: 420px;
}

#accueil img {
    position: relative;
    float: center;
    clear: right;
    margin: 2% 5% 2% 5%;
    display: inline;
}

#accueil h1 {
    font-size: 1.1em; 
    margin: 10% 0 2em 0;
}

#accueil h2 {
    font-size: 0.9em; 
    margin: 5% 3% 0 3%;
}

#plaquette { 
	float: right;
	width: 25%;
    padding: 0;
    margin: 2% 0 0 0;
    display: inline;
} 

#plaquette p {
    font-size: 0.75em;
    text-indent:0;
    text-align: center;
    padding: 1% 7% 1% 7%;
}

#plaquette h1 {
    font-size: 0.9em; 
    margin: 5% 3% 5% 3%;
}

#salon { 
	float: right;
	width: 25%;
    padding: 0;
    margin: 0;
    display: inline;
} 

#salon h1 {
    font-size: 0.9em; 
    margin: 5% 3% 5% 3%;
}

#salon p {
    font-size: 0.75em;
    text-indent:0;
    text-align: center;
    padding: 1% 7% 1% 7%;
}



/* FORMULAIRE */

#formulaire { 
	float: right;
	width: 70%;
    padding: 0;
    margin: 0 1% 0 3%;
    display: inline;
}



#formulaire form {
    margin-left: 12%;
}


#formulaire .title {
    font-weight: bold ;
    font-size: 0.9em;
    text-indent: 0;
    margin-top: 1em;
    /*text-align: center;*/
}

label {
    display: block;
    position: relative;
    float: left; 
    width:200px;
}

fieldset {
    border:none;
    margin-bottom: 1em;
    padding-top: 1.5em;
}

#coordonnees p {
    text-indent: 0;
    padding-left: 10%;
}

#message textarea {
    width: 85%;
    height: 15em;
}


#message p {
    text-indent: 0;
    padding-left: 10%;
}

#buttons {
    float: left;
    position: relative;
    text-indent: 0;
    text-align:center;
    margin-left: 25%;
}

input + input {
    margin-left: 2em;
}

br+input {
    margin-left: 200px;
}