/*
Design by http://3dw.fr
*/

* {
	margin: 0;
	padding: 0;
}

body {background: #FFFFFF url(images/img01.gif) repeat-x;
     	font: normal Arial, Helvetica, sans-serif;
     	color: #7b7a7a;}

form {
}

fieldset {
	border: none;
}

legend {
	display: none;
}

h1, h2, h3 {
	margin: 0;
	color: #b5dc29;
}

h2 {
	margin-bottom: .5em;
	font-size: 1.8em;
}

h3 {
	margin-bottom: 1em;
	font-size: 1em;
}

p, blockquote, ul, ol {
	margin-bottom: 1.5em;
	line-height: 1.8em;
}

p {
}

blockquote {
}

ul {
	margin-left: 2em;
	list-style: square;
}

ul li {
}

ol {
	margin-left: 2em;
}

ol li {
}

#menu a {
	color: #EA672E;
	text-decoration:none;
}

#menu a:hover {
	text-decoration: none;
	color: #b5dc29;
}

a {
	color: #EA672E;
}

a:hover {
	text-decoration: none;
	color: #b5dc29;
}

a.sim:hover {
	text-decoration: none;
	color: #4a883f;
	font-weight:bold;
}

a.sim {
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}


img {
	border: none;
}

/* Boxed Style */

.boxed {
	margin-bottom: 1em;
	background: url(images/img03.gif) no-repeat;
}

.boxed .title {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #FFFFFF;
}

.boxed .content {
	padding: 10px;
}

/* Header */

#header {
	width: 900px;
	height: 130px;
	margin: 0 auto;
	background: url(images/img02b.png) no-repeat;
}

/* Header > Logo */

#logo {
	float: left;
	padding: 65px 0 0 0;
}

#logo h1 {
	text-transform: uppercase;
	font-size: 2em;
}

#logo h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 1.2em;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Header > Top Menu */

#accroche h1 {
	text-transform: uppercase;
	font: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#ffffff;
	margin:40px auto auto 450px;
	padding:0px;
	float:left;
}

#topmenu {
font-weight:normal;
	float: right;
}

#topmenu ul {
	margin: 0;
	padding: 40px 0 0 0;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline
}

#topmenu a {
	display: block;
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: x-small;
	font-weight: bold;
	color: #ffffff;
}

#topmenu a:hover {
	color:#4a883f;
	text-decoration: none;
}

#topmenu1 {
	background: url(images/img04.gif) no-repeat left center;
}

#topmenu2 {
	background: url(images/img05.gif) no-repeat left center;
}

#topmenu3 {
	background: url(images/img06.gif) no-repeat left center;
}

/* Menu */

#menu {
	width: 900px;
	height: 40px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}



#menu a {
background: transparent url(images/tm.png) repeat-x;
	display: block;
	margin-top:2px;
	float: left;
	height: 26px;
	padding: 14px 18px 0 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#menu a.active {
	background: transparent url(images/tm_active.png) repeat-x;
	display: block;
	margin-top:2px;
	float: left;
	height: 26px;
	padding: 14px 18px 0 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#menu a:hover {
	text-decoration: none;
	color:#4a883f;
	background: transparent url(images/tm_hover.png) repeat-x;
}

#menu .first a {
	padding-left: 0;
	background: none;
}

/* Content */

#content {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0;
}

/* Content > Main */

#main {
	float: left;
	margin-left:5px;
	padding:7px;
	width: 865px;
	background: #cdeb8c;
}

#topmain {
margin-left:5px;
height:25px;
background: transparent url(images/table_top.png) no-repeat;
}

/* Content > Main > Example */

#example {

}

/* Content > Main > Welcome */

#welcome {
	margin: 0 0 3em 0;
	padding: 10px 0 1.5em 0;
	border-bottom: 1px solid #CCCCCC;
}

table.simulimg  {
	width:600px;
	height:375px;
	background: transparent url(images/sim_bg.jpg) no-repeat;
	text-align:left;
	color:#ffffff;
	padding-left:5px;
}

/* Content > Sidebar */

#sidebar {
	float: right;
	/*width: 220px;*/
}

/* Content > Sidebar > Login */

#login {
}

#login label {
	display: block;
}

#login #inputtext1, #login #inputtext2 {
	width: 180px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
	font: normal small Arial, Helvetica, sans-serif;
	color: #999999;
}

#login #inputsubmit1 {
	float: right;
	width: 60px;
	margin-right: 7px;
	border: 1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font: normal small Arial, Helvetica, sans-serif;
}

#login p {
	margin: 0;
	padding-top: .2em;
	font-size: x-small;
}

/* Content > Sidebar > Updates */

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates li {
	margin-bottom: 1em;
}

#updates h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small;
}

#updates p {
	margin: 0;
	padding: 0 0 0 10px;
	line-height: normal;
	font-size: .85em;
}

#updates a {
	text-decoration: none;
}

/* Content > Sidebar > Partners*/

#partners {
}

/* Footer */

#footer {
	clear: both;
	width: 900px;
	margin: 0 auto 0 auto;
	padding-top:30px;
	background: transparent url(images/table_bottom.png) no-repeat center top;
	}


/* Footer > Legal */

#legal {
	margin: 0;
	padding: 8px;
	text-align: center;
	font-size: x-small;
	background: url(images/dot.jpg) no-repeat;
   background-position: 205px 5px;
}

#legal a {
	font-weight: bold;
}

.marque {
color:#4a883f;
font-weight:bold;
}

/* Footer > Links */

#links {
	margin: 0;
	padding: 10px;
	text-align: center;
}

img.tmp {
float:right;
padding:5px;
}

img.tmpleft {
float:left;
padding:5px;
}

img.carte {
margin-left:14px;
text-align:center;
}

/* Forms */

form {
background-color: transparent;
color: #000000;
font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
}

option { border-bottom: 1px solid #ffffff; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}
fieldset { border: 1px solid #ffffff; padding: .2em; margin: 0; background: #transparent; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}

.buttons { margin: .3em .3em .3em 0 }
.buttons form, .buttons form div { display: inline;}
.buttons input { margin: 1em .3em .1em 0 }
option.gris{background-color:gray; color:white;font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}

td.flag {background:url(images/icon-flag.gif) right center no-repeat;}
img.flag {margin-right:8px; float:left;}
td.mail {width:230px;text-align:left;}

.address {color:#8f959c;
          font-weight:bold;}

.address2 {color:#a6353f;
           font-weight:bold;}

p.mail {
background:transparent url(../extranet/images/send-to.png) no-repeat top right;
padding-right:30px;
}

.imglink a, img {
border:0px !important;
background:none;
background-color:transparent;
margin: 3px 4px 0px 4px;
}

a.imglink:hover {
border:0px !important;
background-color:transparent;
}

input.radio {
background:none;
border:none;
}


/*  CSS Authentification  */

.erreur {color:#ff0000;
         font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}
         
.reussite {
font: normal 0.9em "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
color: #669900;
text-align:left;
}
.donnee {
	font-weight: bold;
	color: #a2355b;
	font-size: 12px;
}
.titre {
	font-size: 16px;
	font-weight: bold;
	color: #a2355b;
	text-align: center;
}
.tableaux {
	font-size: 10px;
	border: 1px solid #f8f8f8;
	background-color: #f8f8f8;
	width:170px;
}

table.notification {
text-align:right;
width:148px;
padding: 2px;
border: 1px solid #f2f2f2;
margin:0px 0px0px 5px;
}


/* Previously gestion_dossier.css */ 
#finet       {	width: 800px;
        	      text-align: center;
        	      color: #666;
        	      font-size:1.2em;
	              font-weight: bold; }
        	
a.doslist:link, a.doslist:visited
             { color:#666;
               text-decoration:none;}

a.doslist:hover 
             { border: 0px; 
               color: #e33c29; 
				           background-color: transparent;	}


a.tns        {color: #666;
	             text-decoration: none;}

a.tns:hover  {color: #666;
              text-decoration: none;}
              
.imglink a,img 
             { border:0px;
               background:none;
               background-color:transparent;}
                
a.imglink:hover 
             { border:0px;
               background:none;
               background-color:transparent;}              

h1, h2, h3, h4 { color: #760000;}

h3.red       { color: #ff0000;}
h3.green     { color: #006400;}

form.dos     { background-color: transparent;
               color: #000033;
               font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}

fieldset.dos { background: transparent; 
               border: 1px solid #cdd0bd; 
               padding: 0; 
               margin: 0;
               font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}
               
table.dosgen { background-color:transparent;
               border: 1px #f3f1e9 solid;
               margin: 1px; 
               padding: 1px;}

table.dos    { background-color:transparent;
               border: 0px #317fd3 solid;
               margin: 2px; 
               padding: 2px;
               font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif!important ;
               color: #000033;}

table.dosgr  { border: 0px #317fd3 solid;
               margin: 1px; 
               padding: 1px;
               color:#666;}

tr.dostete , td.dostete
             { background:#cdd0bd;
               padding:2px;
               font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color:#666;}

tr.dostit , td.dostit
             { font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color:#666;}

td.dosinp    { color: #666;}

td.doslerr   { font: italic 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #ff0000;}
               
td.doserr    { color: #ff0000;}

input.doserr { background-color:#f8f8f8; 
               border: #ff0000 1px solid;
               margin: 1px; 
               padding: 1px 1px;
               vertical-align: middle; 
               font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #000000;}

tr.etrtit , td.etrtit
             { font: bold 1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #ea672e;
               text-decoration:none;}
               
tr.etrtit2 , td.etrtit2
             { font: bold 1.3em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #ea672e;
               text-decoration:none;}
               
tr.etrtx , td.etrtx
             { font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #ea672e;
               text-decoration:none;}

.recevable   { font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #008000;}
.aetudier    { font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #d2691e;}
.refuse      { font: bold 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #ff0000;}

input.dosinp, textarea.dosinp, select.dosinp
             { background-color:#f8f8f8; 
               border: #666 1px solid;
               margin: 1px; 
               padding: 1px 1px;
               vertical-align: middle; 
               font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #000000;}

input.dosinp:hover, textarea.dosinp:hover, select.dosinp:hover,
input.dosinp:focus, textarea.dosinp:focus, select.dosinp:focus
             { border: #bd416d 1px solid;
               color: #a2355b;}

input.valimg[type=image] 
             { border: #666 0px solid; }
             
option       { border-bottom: 0px solid #666;
               font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;}

fieldset.iefix { border: none;padding: 0;margin: 0 }

* html fieldset.iefix { width: 99% }

fieldset.iefix p { margin: 0 }

div.dosac	   { position:absolute;
               text-align:left;
               border: 1px solid #316cbc;
				          	background-color: #ffffff;
			          		margin: 0px;
		          			padding: 0px;
               font: 9px  "Trebuchet MS", Verdana, Arial, sans-serif;
               color: #000033;}
						        
div.dosac ul
             { list-style:none;
               margin: 0px;
							        padding: 0px; }
        
div.dosac li 
             { list-style-type:none;
               margin: 0px;
							        padding: 0px;
							        height:13px;
							        cursor:pointer; }
        
div.dosac li.selected {
               background-color: #cdd0bd;
               color:#666}
        
a.dosac:hover
             { background-color:transparent;
               margin: 0px;
							        padding: 0px; }
        
div.dosac a  { display:block;
               text-decoration:none;
               font: 9px  "Trebuchet MS", Verdana, Arial, sans-serif;
							        color: #000033; }
							        
div.commentetr { border: 1px solid #a2355b;
                 width: 180px;
                 position: absolute;
                 visibility: hidden;
                 font: 10px Arial, "Trebuchet MS", Verdana, sans-serif;
                 color: #000000;
				             background:#f3f1e9;}
				             
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
#socville_update {
border: 1px solid #999;
background: #fafafa;
text-align:left;
z-index:20;
}
#socville_update ul {
margin: 0;
padding: 0;
list-style: none;
z-index:20;
}

#socville_update a {
display: block;
padding: .2em .3em;
text-decoration: none;
color: #333;
z-index:20;
}

#cpville_update {
border: 1px solid #999;
background: #fafafa;
text-align:left;
z-index:20;
}
#cpville_update ul {
margin: 0;
padding: 0;
list-style: none;
z-index:20;
}

#cpville_update a {
display: block;
padding: .2em .3em;
text-decoration: none;
color: #333;
z-index:20;
}
span.cpville_update  {
visibility:hidden;}
span.socville_update  {
visibility:hidden;}
.checkbox {border:0px;}

ul.arrow { 
padding: 0 0 0 10px;}

li.arrow {
padding-left: 15px;
background: url(images/img08.gif) no-repeat 0px 5px;
list-style: none;
}

p.topo {
width:330px;
color: #4a883f;
font-weight:bold;
}

#topchoixapp {
width:330px;
height:10px;
background:transparent url(images/img09.gif) no-repeat;
}
#bottomchoixapp {
width:330px;
height:10px;
background:transparent url(images/img10.gif) no-repeat;
}

table.choixapp {
padding:4px;
width:330px;
background :#f8f8f8;
}

#frise {
position:absolute;
top:200px;
}