@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
}

h1 {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7d797b;
	font-weight: bold;
	text-align: center;
	background-color: #eee;
	line-height: 40px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ee7200;
	font-weight: bold;
	margin-top: 20px;
}

#main {
	width:100%;
}

#fade-left {
	margin: auto;
	background: url(../images/fade-left.jpg) repeat-y;
	padding-left: 13px;
	width: 1005px;
}

#fade-right {
	background: url(../images/fade-right.jpg) repeat-y right;
	padding-right: 13px;	
}

#fade-top {
	height: 16px;
	background-image: url(../images/fade-top.jpg);	
}

#bandeau-flash {
	height: 180px;
	text-align: center;
	padding-bottom: 10px;	
}

#logo-rd {
	float: left;
	padding-left: 20px;
}

#tagline {
	float: right;
	padding-right: 20px;
	padding-top: 5px;
}

#line-separate {
	clear: both;
	height: 6px;
	margin: 0px 20px;
	background: url(../images/line.gif);
}

#line-separate2 {
	width:100%;
	height: 6px;
	background: url(../images/line.gif);
}

#left {
	float: left;
	padding-top: 19px;
	width: 210px;
}

#left ul {
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
}

#left p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7d797b;
	line-height: 18px;
}

#left #partners {
	text-align: center;
	padding-left: 20px;
}

#right {
	margin-left:10px;
	float: left;
	width: 757px;
}

#ariane{
	height: 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d797b;
	font-weight: bold;
	line-height: 15px;
}

#ariane a {
	color: #7d797b;
	text-decoration: underline;
}

#flags{
	padding:0;
	margin:0;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #7d797b;
	padding-right:5px;
}

#flags ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

#flags li{
	float: left;
}

#layoutA {
	clear: both;
	width: 454px;
	float: left;
}

#layoutA p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
	line-height: 18px;
	text-align: justify;
}

#layoutB {
	width: 292px;
	float: left;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
	line-height: 18px;
	text-align: justify;
}

#slideview {
	padding-left:20px	
}

#slideviewTitle {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #7d797b;
	padding:10px;
}

#layoutC {
	clear: both;
	width: 752px;
	/*width: 749px;*/
}

#layoutC p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
	line-height: 18px;
	text-align: justify;
}

#layoutC p.portail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
	line-height: 17px;
	text-align: justify;
}

#layoutC p.portail img {
	float: left;
}

#layoutC p.gestion img {
	padding-top:3px;
}

#layoutC span.bluetitle, span.greytitle, span.orangetitle{
	padding-left:8px;
}

#layoutC span.texte{
	display: table-cell;
	padding-top:10px;
	padding-left:26px;
}

#layoutC form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
	line-height: 18px;
}

#layoutC form ul {
	list-style-type: none;
}

#imgdemo {
	text-align:center;
}

#imgdemo img {
	width: 225px;
	height: 145px;
	padding: 10px;
}

#exemples {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

#portail1 {
	width:400px;
	float:left;	
}

#etape1 {
	text-align:center;
	border: 1px solid #ddd;
}

#etape1 .big{
	padding:10px 0 5px 0;
}

#etape1 .small{
	padding:5px 0px 10px 0;
}

#portail2 {
	width:335px;
	float:right;
	background: #f6f6f6;
	border:1px solid #ddd;
}

#etape2 {
	border: 1px solid #ddd;
	padding: 10px;
}

#colors {
	width:100px;
	border: 1px solid #ddd;
	padding-top:1px;
}

#outils {
	height:912px;
	border-width:1px;
	border-style:solid;
	border-color:#eee;
	/*overflow-y:scroll;*/
	background: #fff;
	padding: 0 10px;
}

ul.faq {
	list-style-type: circle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
	line-height: 18px;
	text-align: justify;	
}

#footer {
	background: url(../images/footerbg.gif);
	height: 49px;
	margin-top: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6f838e;
	line-height: 14px;
}

#footer a{
	color: #6f838e;
}

a:link { 
	text-decoration: none
}
a:visited { 
	text-decoration: none 
}
a.cgv {
	text-decoration: underline;
	color: #7d797b;
	font-weight: bold;
}
.mainbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7d797b;
}
.plan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #7d797b;
	font-weight: bold;
}
.plan-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #7d797b;
	font-weight: bold;
}
.plan-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #7d797b;
	font-weight: bold;
	text-decoration: underline;
}
.plan-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #7d797b;
	font-weight: bold;
	text-decoration: none;
}

.bluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2f6ca9;
	font-weight: bold;
}
.greytitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7d797b;
	font-weight: bold;
}
.orangetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ee7200;
	font-weight: bold;
}
.mainbody-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7d797b;
	font-weight: bold;
}
.mainbody-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7d797b;
	font-weight: bold;
	text-decoration: underline;
}
.mainbody-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7d797b;
	font-weight: bold;
	text-decoration: none;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6f838e;
}

.footer-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6f838e;
	line-height: 14px;
}

.footer-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6f838e;
    text-decoration: underline;
}

.footer-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6f838e;
}
.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #6f838e;
}

.news-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #6f838e;
    text-decoration:none;
}

.news-link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #6f838e;
	text-decoration:underline;
}

.news-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #6f838e;
}

.mistake {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: red;
	font-weight: bold;
}

.input {
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
}

.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
}

.select {
	width:154px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d797b;
}

.portail {

}

.tag1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCC;
}

.tag2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #BBB;
}

.tag3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
}

p.home {
	margin-top:-5px;
	padding: 0 20px
}

p.templates {
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-top:-3px;padding-right:12px;
}