/* Copyright (C) 2009 DG */

/*
 * Browser Reset
 */
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }
a:focus { outline: none; }

html {
	height: 100%;
	margin-bottom: 1px;
}

/*
 * New standard values
 */

/* paragraph */
p {	
	margin: 10px 0px 15px 0px; 
	text-align: justify;
	}


/* links */
a:link, a:visited { text-decoration: none; }
a:hover { 
	text-decoration: underline; 
	color: #08c;
	}
a { color: #08c; }
a.more { 
	white-space: nowrap; 
	padding-right: 10px; 
	background: url(images/learnmore.gif) no-repeat 100% 50%; 
	zoom: 1; 
	}
.visible {
	visibility: visible;
	}
.hidden {
	visibility: hidden;
	}	
		
.selected, .txt_en_avant {
	color: #444;
	font-weight:bold;
	}
	
.txt_en_avant2 {
	color:#444;
	font-weight:bold;
	font-size:1.25em;}	
	
.alaligne {
/*	height: 20px;*/
	clear:both;
	}	

table, tr, td, th {
	padding:0px;
	margin:0px;
	text-align:left;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #888;
	margin-bottom: 5px;
	margin-top:10px;
	line-height: 100%;
}
h4, h5, h6 {
	font-weight: normal;
	}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

h4 { font-size: 1.1em; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }


#breadcrumbs {
    font-size:12px;
    color:#111;
    list-style:none;
    padding:0; margin:0;
margin-top:10px;
    background:url(images/breadcrumb-bg.png) repeat-x center;
    border:1px solid #CCC;
    border-radius:0.4em;
    -moz-border-radius:0.4em;
    -webkit-border-radius:0.4em;
    overflow:hidden;
}
#breadcrumbs li {
    float:left;
    background:url(images/breadcrumb-right.png) no-repeat right center;
    padding:0 20px 0 10px;
    height:28px; line-height:28px;
}
#breadcrumbs li:first-child a {
    display:block;
    width:30px;
    text-indent:-9999px;
    background:url(images/breadcrumb-home.png) no-repeat center center;
}
#breadcrumbs a {
    text-decoration:none;
}
#breadcrumbs a:hover {
    color:#CC6600;
}


/*
 * Page
 */
 
body {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 0.9em;	
	line-height: 1.25em;

	color: #666;
	background-color: #F2F2F2;
	}
	

#page {
	width:980px;
	margin:auto;
}


#content {
	position:relative;
	top:0px;
	width:980px;
	background: #FFF; 
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-o-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px;

	}
	

#header {
	position:relative;
	background: url(images/prix-de-these-2022-updated.png) top left no-repeat;
	/* background: url(images/prix-de-these-2022-extension-deadline.png) top left no-repeat; */
	height:400px;
/*	border-bottom: 1px solid rgba(0,0,0,0.75);*/
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
		
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	}


#header h1 span {
	position:absolute;
	text-indent: -9999px;
}

#header h2 span {
	position:absolute;
	text-indent: -9999px;
}


#header ul li {
	float:right;
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	padding:5px;
}



#maintopics {
	position:relative;
	width:980px;
	height:200px;
	margin:auto;
	margin-top:0px;
	background: url(images/maintopics.png) bottom left no-repeat;
	}


#maintopics ul {
	margin:auto;
	margin-left: 0px;
	}
	
#maintopics ul li {
	float:left;
	list-style-type: none;
	margin-top:10px;
	margin-left: 8px;
	margin-right: 7px;
	width: 230px;
	display: block;	
}


#maintopics ul li h3 {
	font-size:1.25em;
}
#maintopics ul li p{
position:relative;
z-index:101;
font-size:0.85em;
line-height: 125%;
			
}

#maintopics ul li img {
	position:absolute;
	bottom:0px;
	margin-left: -8px;
	margin-right: -7px;
	width: 244px;
	height:180px;	
	z-index:1;
	
}

#maintopics ul li a:hover {
	text-decoration: none;
	text-decoration: underline;
	}



#main {
	min-height:200px;
	padding-top:20px;
	text-align: justify;
	}
	
#main h1, #main h2, #main h3, #main h4  {
	padding: 10px;
	padding-left: 20px;
		
}

#main h1 span {
	color: #333;
	font-size:1.2em;
	
	}
	
#main div.right h1 {
	margin-right:165px;
	}	

#main div.left h1 {
	margin-left:165px;
	}		


#main form {
	margin:0px;
	
	
	}
	
#main p {
	margin:0px;
	padding: 10px 40px 0px 40px;
	
} 


#main div.right p {
	margin-right:165px;
	}	
#main div.left p {
	margin-left:165px;
	}	

#main div.left img{
	float:left;
	margin: 10px;
	padding-left:30px;
}
#main div.left2 p {
	margin-left:210px;
	}	
#main div.left2 img{
	float:left;
	margin: 10px;
	padding-left:30px;
}
	
#main div.right img {
	float:right;
	margin: 10px;
	padding-right:30px;

	}
	

#main ul li,#main ol li {
	margin:5px 40px 0px 80px;
	
	line-height: 1.25em;
	
	
	}
	

.line2 {
	margin-left:50px;
	list-style-type: none;

	
	
}

.line2 li {
		
		display:block;
		float:left;
		text-align:center;
}


#copyright {
padding:50px;
text-align:center;
}

.imgcenter {
	margin:20px 50px 20px 50px;	
	}

.message, .message2, .validation-advice {
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	font-weight: bold;
	color:#333;
	padding:10px;
	
}
.message {
	margin:25px 50px 25px 50px;	
}

.message2 {
	margin:25px 250px 25px 50px;	
}

#main div.right div.message p, #main div.right div.message2 p {
	padding:0px;
	margin:5px 10px 5px 10px;
	}

#main div.message p, #main  div.message2 p {
	padding:0px;
	margin:5px 10px 5px 10px;
	}
.validation-advice {
	margin: 10px 0px 10px 0px;
}

#jsdesactive, #debug
{
    background-color: #fff9d7;
	border: 1px solid #e2c822;
	font-weight: bold;
	color:#333;
	padding:10px;
	margin:10px 50px 10px 50px;	
}

#debug {
	position:absolute;
	top:0px;
	left:300px;
	}

.libelle {
	text-align: right;
	padding-right:30px;
	line-height: 1.25em;	
}

.champ {
	text-align: left;
	padding-left:30px;
	line-height: 1.25em;
	}

td {
	padding: 5px;
	}
.submit {
	margin-top:15px;}
	
	

/* Formulaire */




.mainForm {
	padding: 0px;
	margin:10px 50px 10px 50px;	
	}
	
	
	
.mainForm fieldset {
	padding : 10px;
	border: 1px solid #aaa;
	margin-bottom:20px;
	
}

.mainForm .formElement {
	margin : 10px;
	padding:10px;
	clear:both;		
}

.mainForm legend {
	font-weight:bold;
	color: #888;
	margin-bottom: 5px;
	margin-top:10px;
	line-height: 100%;
}

.mainForm .formLabel, .mainForm .formWideLabel, .mainForm .formMediumLabel, .mainForm .formShortLabel {
	text-align:right;
	padding-right:50px;
	display:block;
	float:left;

/* 	border:1px solid black; */

}
.mainForm .formLabel {
	width:300px;
	}
.mainForm .formWideLabel {
	width:500px;
	}
.mainForm .formMediumLabel {
	width:400px;
	}
.mainForm .formShortLabel {
	width:200px;
	}

.mainForm .radioLabel {
	padding-left:20px;
}
.mainForm .captchaField {
	float:left;
	text-align:left;
	margin-bottom:10px;
	}


.mainForm .captchaField img {
	margin:15px 10px 10px 0px;
	padding:0px;
	}
	
	
.submitBtn {
    border: 1px solid #aaa;
    background: #e6e6e6;
    color:#08c;
    font-size: 1.05em;
    margin-top:10px;
    margin-left:350px;
    padding:5px 10px 5px 10px;
    float:left;
    
}

.submitBtn:hover {
    color: #08c;
    text-decoration: underline;
}

.details {
	font-style: italic;
	font-size: 0.8em;
	width:200px;
	display: block;
	float:right;
	}
.details2 {
	font-style: italic;
	font-size: 0.8em;
}
	
.pdf {
	background: url(images/icone-pdf.png) top right no-repeat;
	font-style: italic;
	font-size: 0.8em;
	width:200px;
	min-height:50px;
	display: block;
	float:right;
	padding-right:25px;
	}	

.assignementOk, .assignementNok {
	border: 1px solid #aaa;
	margin:20px;
	
}


.assignementOk {
	background: url(images/green-tick.png) 90% 20% no-repeat;
	
	}
.assignementNok {
	background: url(images/red-cross.png) 90% 20% no-repeat;	
	}
.assignementOk span, .assignementNok span {
	position:absolute;
	text-indent: -9999px;
}
/*


.mainForm input, .mainForm select, .mainForm textarea {
	
	margin: 10px;
	margin-left:50px;
}

 

*/



.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




#progress {
	width:900px;
	height:200px;
	position:relative;
	margin:auto;
	}


#progress ul {
	margin: 0 auto;
	}
	
#progress ul li {
	float:left;
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
}

#progress ul li a {
	display: block;
	height: 182px;
	width:0px;
}

#progress ul li a#stage1 {
	width:200px;
	background: url(images/progress-link_01.png) no-repeat;
}

#progress ul li a#stage1:hover {
	background: url(images/progress-link-hover_01.png) no-repeat;
}

#progress ul li a#stage2 {
	width:250px;
	background: url(images/progress-link_02.png) no-repeat;
}

#progress ul li a#stage2:hover {
	background: url(images/progress-link-hover_02.png) no-repeat;
}

#progress ul li a#stage3 {
	width:270px;
	background: url(images/progress-link_03.png) no-repeat;
}

#progress ul li a#stage3:hover {
	background: url(images/progress-link-hover_03.png) no-repeat;
}

#progress ul li a#stage4 {
	width:180px;
	background: url(images/progress-link_04.png) no-repeat;
}

#progress ul li a#stage4:hover {
	background: url(images/progress-link-hover_04.png) no-repeat;
}

.url {
	
}

.todo {
	color:red;
}
.done {
	color:green;
	}

.frame {
	background-color:#F9F9F9;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;	
	border-radius: 5px;
	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-o-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	-khtml-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
}