html {
	font-family: 'Oxygen', sans-serif;
}
body {
	background:#f5f5f5;
	min-width:450px;
	overflow-x:hidden;
}
h3 { 
	font-weight:normal;
}

body, h1,h2,h3,h4,h5,div  {
	margin:0;
	padding:0;
}
#top-banner { background:#fff; }
#banner {
	margin:0 auto;
}
#banner img { margin-top:20px; }

.clear { clear:both; }
.container {
	margin:5px auto;
	padding-left:20px;
	padding-right:20px;
}
@media (min-width: 768px) {
	.container { width: 760px; }
}
@media (min-width: 1200px) {
	.container { width: 1024px;}
}
@media (min-width: 992px) {f
	.container { width: 980px; }
}
#decoright, #decoleft { display:none;}
 
@media screen and (min-width: 992px) and (max-width: 1319px) {  
	#decoright {
		position:absolute;
		background:transparent url(../images/nautile.png) right top  no-repeat;
		width:700px;
		display:block;
		height:298px;
		top:-107px;
		right:-313px;
	}
}

@media (min-width: 1320px) {
	#decoright {
		position:absolute;
		background:transparent url(../images/nautile.png) right top  no-repeat;
		width:700px;
		display:block;
		height:298px;
		top:-107px;
		right:-60px;
	}
}


@media (max-width: 1319px) and (min-width: 1283px) {
	#decoleft {
	    background: transparent url(../images/arrow.png) left top no-repeat;
	    position: absolute;
	    display: block;
	    top: -174px;
	    left: 0px;
	    width: 156px;
	    height: 364px;
	}
	
}

@media (min-width: 1320px) {
	#decoleft {
	    background: transparent url(../images/arrow.png) left top no-repeat;
	    position: absolute;
	    display: block;
	    top: -174px;
	    left: 15px;
	    width: 156px;
	    height: 364px;
	}
}


#top-banner {
	min-height:190px;
	
}
#global {
	margin:0 auto;
	position:relative;	
}

.divarticle_50 {
	width:48%;
	float:left;
	margin:0 2% 0 0;
	background:#fff;
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
	-o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	
}

.divarticle_intro {
	padding:5px;
	text-align:right;
	/*width:70%;*/
	float:right;
	margin-bottom:10px;
}
.intro_intro {
	font-weight:bold;	
	color:#33bcdf;
}

.intro_50 {
	font-weight:bold;
	background-color:#1A85D1;
	color:#fff;
	padding:8px;
	font-size:120%;
}
.article_50 {
	padding:8px;
}

.copyright {
	text-align:center;
	font-size:10px;
	margin-top:20px;
	
}
.rias-tabs {
	clear:both;
}
.divarticle_inscription, .divarticle_demande, .divarticle_box, form.form {
	margin: 20px 2% 0 0;
    background: #fff;
    -moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
    -o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
}


.divarticle_faq {
	width:48%;
	float:left;
	 background: #fff;
   	
   	margin:20px 2% 0 0 ;
   	box-sizing:border-box;
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
    -o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
}
div.intro_faq {
	padding:10px;
	background:#1A85D1;
	color:#fff;
	font-weight:bold;
}
div.intro_faq p {
	margin:0;
	
}
div.article_faq {
	padding:0 10px;
	overflow:hidden;
	display:none;
}


.divarticle_doc {
	background: #fff;
   	margin:20px 2% 0 0 ;
   	box-sizing:border-box;
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
    -o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
    box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
}
div.intro_doc {
	padding:10px;
	background:#1A85D1;
	color:#fff;
	font-weight:bold;
}
div.intro_doc p {
	margin:0;
	
}
div.article_doc {
	padding:0 10px;
	overflow:hidden;
}


form.form {
	padding:10px;
}

button {
	display:inherit;
	min-width:250px;
	margin:10px auto 0 auto ;
	background-color:#f90;
	color:#fff;
	border:0;
	padding:4px;
	cursor:pointer;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
}
button.right {
	display:inline-block;
	min-width:auto;
	float:right;
	margin:0;
	padding:0 4px;
	
}
#form_search button {
	width:100%;
	min-width:0;
}

.intro, .intro_inscription, .intro_demande {
	font-weight: bold;
    background-color: #1A85D1;
    color: #fff;
    padding: 8px;
    font-size:120%;
	
}

/* formulaires */
.rowform{
	line-height:1.8;
}

.error_star {
  color: #F00;
  padding-left: 10px;
  vertical-align: middle;
  display:block;
}

img#captcha {
  vertical-align: bottom;
}